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