1. LimitChunkCountPlugin

当你在编写代码时,可能已经添加了许多代码分离点(code split point)来实现按需加载(load stuff on demand)。在编译完之后,你可能会注意到有一些很小的 chunk - 这产生了大量 HTTP 请求开销。幸运的是,此插件可以通过合并的方式,后处理你的 chunk,以减少请求数。

new webpack.optimize.LimitChunkCountPlugin(Options)

1.1. Options

类型:object

有以下选项:

  • maxChunks:使用大于或等于1的值,来限制 chunk 的最大数量。使用1防止添加任何其他额外的 chunk,这是因为entry/main chunk 也会包含在计数之中。

  • minChunkSize: 设置 chunk 的最小大小。单位:字节。

在合并 chunk 时,webpack 会尝试识别出具有重复模块的 chunk,并优先进行合并。任何模块都不会被合并到 entry chunk 中,以免影响初始页面加载时间。这里有一个小例子:

new webpack.optimize.LimitChunkCountPlugin({
  maxChunks: 5, // 必须大于或等于 1
  minChunkSize: 1000
})

1.2. CLI

此插件和其选项还可以通过命令行接口(CLI)执行,下面的命令和上面的配置等同:

--optimize-max-chunks 5

--optimize-min-chunk-size 1000
Copyright © tuzhu008 2017 all right reserved,powered by Gitbook该文件修订时间: 2017-11-22 22:04:56

results matching ""

    No results matching ""