Ограничить количество кусков в 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