如何将所有代码拆分的模块合并到一个文件中？

Question

我有一个 SPA，我想拆分非关键代码并在关键文件加载后立即异步加载它，但作为单个文件。

为此，我使用 import('./module-name') 作为代码拆分点。

问题是，在结果输出中，我有多个文件：

我尝试使用 CommonsChunkPlugin 这个配置：

  new CommonsChunkPlugin({
    names: ['app'],
    children: true,
    async: true,
  })

得到这个结果：

虽然 aws-sdk 不再重复是件好事，但我们仍然在输出中看到多个文件。

同样，我的目标是拥有一个包含关键代码的文件 (app.js) 和一个包含所有已拆分代码的文件 (0.js)

Answer 1

通过与 LimitChunkCountPlugin 一起使用修复：

  new LimitChunkCountPlugin({
    maxChunks: 3 //I'll be wondering about the 3 till the day I die
  }),

描述于the docs。谁知道呢

How to combine all code-splitted modules into a single file?