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

Webpack / How to not bundle JS files in dev mode?

本文关键字：JS 文件 模式 开发 Webpack      更新时间：2023-09-26

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

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

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

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

我突然想到的一件事是，您可以配置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

相关文章：