Webpack /如何在开发模式下捆绑JS文件？

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

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

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

我希望看到A.js ， B.js ， C.js当我在开发模式下打开页面的源代码，而不是收集它们的bundle.js 。

Answer 1

有一点可以从我脑海中popup来，你可以configurationwebpack的input和输出属性。 通过这样做，你告诉webpack分别对待每个条目，它将为输出文件提供input对象中“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。

来自这里的文档的更多信息： https ： //webpack.github.io/docs/configuration.html#entry