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

时间:2018-01-06 17:59:14

标签: webpack webpack-2 commonschunkplugin

我有一个SPA,我希望拆分非关键代码并在加载关键文件后异步加载它,但是作为单个文件。

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

问题是,在结果输出中,我有多个文件:

enter image description here

我尝试在此配置中使用CommonsChunkPlugin

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

得到了这个结果:

enter image description here

虽然aws-sdk不再重复,但我们仍然看到输出中有多个文件,这很不错。

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

1 个答案:

答案 0 :(得分:1)

使用LimitChunkCountPlugin旁边修复:

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

the docs中描述。谁知道。