Question

基本上，默认情况下，webpack的要点是将每个已解析的JS文件捆绑到bundle.js中。

在开发模式下，我想分别访问每个JS。我不希望它们捆绑在一个文件中。

有没有办法阻止webpack在开发模式下将文件连接到bundle.js？

当我以开发模式打开页面的源代码时，我希望看到A.js，B.js，C.js，而不是bundle.js来收集它们。< / p>

Answer 1

我不知道的一件事是您可以配置webpack的输入和输出属性。通过这样做，您告诉webpack单独处理每个条目，它将为您提供输入文件，其中包含条目对象中“key”的名称。见下面的例子：

// webpack.dev.js

entry: {
  A: 'src/js/A.js',
  B: 'src/js/B.js',
  C: 'src/js/C.js'
},

output: {
 path: 'dist',
 filename: '[name].js'
}

这将产生A.js，B.js和C.js。