如何在 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，你可以有一个文件。

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

How to disable splitting of chunks into different file with vuejs in webpack?

webpack

vue.js

laravel-mix