webpack - 如何将所有代码拆分模块组合到一个文件中？

Question

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

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

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

我尝试使用CommonsChunkPlugin此配置：

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

并得到了这个结果：

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

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

score 2 · Accepted Answer

通过使用LimitChunkCountPlugin并排修复：

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

在文档中描述。谁知道。

1 回答 1