LimitChunkCountPlugin

코드를 작성할 ë•Œ, 이미 필요한 것을 로드할 많은 코드 분할 지점을 추가했을 것입니다. 컴파일 후에 ì–´ë–¤ 청크가 너무 작다는 것을 깨달을 것입니다. 이는 더 큰 HTTP 오버헤드를 만듭니다. LimitChunkCountPlugin은 청크를 합침으로써 그것들을 후속 처리할 수 있게 해줍니다.

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

Options

다음의 옵션들이 지원됩니다.

maxChunks

number

청크의 최대 개수를 1보다 크거나 같도록 제한합니다. 1을 사용하는 것은 엔트리/메인 청크가 카운트에 포함될 ë•Œ 추가적인 청크가 더해지는 것을 방지합니다.

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