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

标签 javascript node.js webpack webpack-dev-server

基本上,默认情况下,webpack 的主要目的是将每个解析的 JS 文件打包到一个 bundle.js 中。

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

有没有办法阻止 webpack 在开发模式下将文件连接到 bundle.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

关于javascript - Webpack/如何在开发模式下不捆绑 JS 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38415846/

相关文章:

javascript - 将单页应用程序作为 native 桌面软件分发

javascript - 如何正确使用单击事件来调用类中的另一个函数?

Node.js : which keys in req. 主体存在于模式中

javascript - 使用 HTMLWebpackPlugin 时如何通过 webpack 加载图片?

angular - 找不到模块 'webpack'

php - 检索一个 php 值并在 javascript 中使用它

javascript - 我想显示所有图像预览,但每当我上传新图像时,旧图像就会消失

javascript - 如何仅对数组的某些第一个元素使用 _.reduce

javascript - node-express 错误 : express deprecated res. 发送(状态) : Use res. 发送状态(状态)改为

vue.js - vue-cli 库构建中未考虑 Vuetify 选项