如何在 webpack 中使用 vuejs 禁用将块拆分为不同的文件？

Question

我的项目有 laravel-vue 堆栈。在使用mix 构建时，它会将代码拆分为两个主要文件

vendor.js
app.js

除此之外，还有大约 60 个文件被创建为像

这样的块

0.js
1.js
2.js
...

61.js

如何告诉 webpack 将这些块绑定到单个文件中。 webpack 是否会为 cue 中的每个新组件拆分成块？

Answer 1

你可以像这样在你的 webpack 配置文件中修改你想要多少块（例如来自vue.config.js 文件）：

module.exports = {
  configureWebpack: {
    optimization: {
      splitChunks: {
        minSize: 10000,
        maxSize: 250000,
      }
    }
  },
};

我不知道你的文件大小，但如果你根据需要增加maxSize，你可以有一个文件。