Webpack / 如何在开发模式下不打包JS文件？

Question

基本上，默认情况下，webpack的主要目标是将每个解析后的JS文件捆绑成一个bundle.js。

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

有没有一种方法可以防止webpack在开发模式下将文件连接成bundle.js？

当我在开发模式下打开页面的源代码时，我希望看到A.js、B.js、C.js，而不是将它们聚合起来的bundle.js。

- Mik378

---

如果捆绑包正确完成，即使您在捆绑包中，Chrome也会告诉您您所在的文件。 - Brad

没错，这正是我一个小时前注意到的。然而，Firefox并不像Chrome一样显示那些文件（尽管启用了sourcemaps）。 - Mik378

您IP地址为143.198.54.68，由于运营成本限制，当前对于免费用户的使用频率限制为每个IP每72小时10次对话，如需解除限制，请点击左下角设置图标按钮（手机用户先点击左上角菜单按钮）。 - Everettss

@Everettss 哦，好的 :) 谢谢你的信息！ - Mik378

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

- Cheng Sieu Ly