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

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

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

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

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

Solutions Collecting From Web of "Webpack /如何在开发模式下捆绑JS文件?"

有一点可以从我脑海中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