LimitChunkCountPlugin

在撰寫程式碼時，您可能已經新增許多程式碼分割點，以便依需求載入資料。編譯後，您可能會注意到某些區塊太小，會造成較大的 HTTP 負擔。LimitChunkCountPlugin 可以透過合併區塊來後處理您的區塊。

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

選項

支援下列選項

maxChunks

數字

使用大於或等於 1 的值來限制區塊的最大數量。使用 1 會防止新增任何其他區塊，因為進入點/主區塊也包含在計數中。

webpack.config.js

const webpack = require('webpack');
module.exports = {
  // ...
  plugins: [
    new webpack.optimize.LimitChunkCountPlugin({
      maxChunks: 5,
    }),
  ],
};

minChunkSize

維持區塊大小高於指定限制不再是此外掛程式的功能。請改用 MinChunkSizePlugin。

透過 CLI 使用

此外掛程式及其選項也可以透過 CLI 呼叫

webpack --optimize-max-chunks 15