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

Question

基本上，默认情况下，webpack 的重点是将每个解析的 JS 文件打包成一个bundle.js。

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

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

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

Answer 1

我突然想到的一件事是你可以配置 webpack 的入口和输出属性。通过这样做，您告诉 webpack 分别处理每个条目，它会为您提供带有条目对象中“键”名称的输出文件。见下例：

// 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