W3cubDocs

/webpack

LimitChunkCountPlugin

While writing your code, you may have already added many code split points to load stuff on demand. After compiling you might notice that some chunks are too small - creating larger HTTP overhead. Luckily, this plugin can post-process your chunks by merging them.

new webpack.optimize.LimitChunkCountPlugin({
  // Options...
});

Options

The following options are supported:

  • maxChunks: Limit the maximum number of chunks using a value greater than or equal to 1. Using 1 will prevent any additional chunks from being added as the entry/main chunk is also included in the count.
  • minChunkSize: Set a minimum chunk size.

While merging chunks, webpack will try to identify those that have duplicate modules and merge them first. Nothing will be merged into the entry chunk, so as not to impact initial page loading time. Here's a small example:

new webpack.optimize.LimitChunkCountPlugin({
  maxChunks: 5, // Must be greater than or equal to one
  minChunkSize: 1000
});

CLI

This plugin and it's options can also be invoked via the CLI:

--optimize-max-chunks 15

or

--optimize-min-chunk-size 10000

© JS Foundation and other contributors
Licensed under the Creative Commons Attribution License 4.0.
https://webpack.js.org/plugins/limit-chunk-count-plugin