常见配置
【webpack配置的认识】下面都是说现在在项目里面看到的
entry
entry: {
client: path.join(__dirname, '../entry-client.js')
}
key的值,比如这个client,对应output的时候,这里的值
output: {
path: path.resolve(__dirname, '../dist'), //输出到哪个文件夹
filename: '[name].js' //这个[name]
},
output
output: {
path: path.resolve(__dirname, '../dist'), // 路径,输出
filename: '[name].js', // 输出的js叫什么名字,对应entry的key
library: '',
libraryTarget: ''
},
这里一般常见就上面两个,后面那两个讲之前我先引入一个点,
webpack一般打包的js,都是匿名的自执行函数
(() => {
return {
name: 'jack',
age: 24,
};
})();
没有赋值操作,所以你页面引入了这个js,也用不了,这个时候就是library,libraryTarget的作用
作用1