Categories: Webpack 教程

LimitChunkCountPlugin

在编写代码时,您可能已经添加了许多代码拆分点来按需加载内容。编译后,您可能会注意到有些块太小,从而产生更大的HTTP开销。 ​LimitChunkCountPlugin​ 可以通过合并块来对它们进行后处理。

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

Options

支持以下选项:

maxChunks

number

使用大于或等于 ​1​ 的值限制块的最大数量。使用 ​1​ 将防止添加任何额外的块,因为 entry / main 也包括在计数中。

webpack.config.js

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

minChunkSize

将区块大小保持在指定限制以上不再是此插件的功能。请改用 ​MinChunkSizePlugin​ 。

Usage via CLI

此插件及其选项也可以通过CLI调用:

webpack --optimize-max-chunks 15

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

5 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago