LimitChunkCountPlugin

2023-05-22 11:40 更新

在編寫代碼時(shí),您可能已經(jīng)添加了許多代碼拆分點(diǎn)來按需加載內(nèi)容。編譯后,您可能會(huì)注意到有些塊太小,從而產(chǎn)生更大的HTTP開銷。 ?LimitChunkCountPlugin? 可以通過合并塊來對它們進(jìn)行后處理。

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

Options

支持以下選項(xiàng):

maxChunks

?number?

使用大于或等于 ?1? 的值限制塊的最大數(shù)量。使用 ?1? 將防止添加任何額外的塊,因?yàn)?entry / main 也包括在計(jì)數(shù)中。

webpack.config.js

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

minChunkSize

將區(qū)塊大小保持在指定限制以上不再是此插件的功能。請改用 ?MinChunkSizePlugin? 。

Usage via CLI

此插件及其選項(xiàng)也可以通過CLI調(diào)用:

webpack --optimize-max-chunks 15


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)