限制Webpack 4中的块数

Question

我正在通过动态导入拆分单页应用程序。我希望将它们全部捆绑在除主捆绑包之外的单个额外文件中。这意味着，我最终将得到以下结果：

• app.e82eb13a2342391fab679.js-主捆绑包
• 0.c399423423532432c1da433.js-单个捆绑包中的所有代码分割大块

在我的Webpack 2配置中，我通过以下配置完成它：

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

在Webpack 4中，我尝试使用此配置将额外的块限制为1：

optimization: {
  splitChunks: {
    chunks: 'async',
    minSize: 100000,
    maxSize: 0,
    minChunks: 1,
    maxAsyncRequests: 1,
    maxInitialRequests: 1,
    automaticNameDelimiter: '~',
    name: true,
    cacheGroups: {
    }
  }
}

但是我仍然会遇到不必要的额外块：

 2.c99478cc68a70c1da433.js   1.97 MiB       2  [emitted]  [big]  
 3.913a2df562e62d9338e3.js   1.56 MiB       3  [emitted]  [big]  
 4.4acc069c6a8aa5662198.js     48 KiB       4  [emitted]         
 app.e82eb13a526791fab679.js   1.31 MiB     0  [emitted]  [big]  app