webpack如何分别打包多个js文件？

Question

src目录下有很多个文件，如果使用webpack有办法让dist目录按照对应的文件一个一个输出而不是全部打包到同一个js里去吗？

Answer 1

填写多个入口文件：

module.exports = {
  entry: {
    bundle1: './addr.js',
    bundle2: './backward.js'
    .......
  },
  output: {
    filename: '[name].js'
  }
};

Answer 2

那样的话…用webpack的点在哪里……

应该可以通过

plugins: [
  new CommonsChunkPlugin({
    name: '[id].js',
    chunks: chunks,
    minChunks: 1 // 提取所有chunks共同依赖的模块
  })
]

类似设置实现