webpack 4 の optimization.splitChunks の使い方、使い所 〜廃止された CommonsChunkPlugin から移行する〜 - Qiita

はじめに 先日リリースされたwebpack 4でCommonsChunkPluginは廃止されました（CommonsChunkPluginの解説はこちら）。 その代わりとした追加されたoptimization.splitChunksの基本的な使い方、使い所に関しての記事です。 optimization.splitChunksを利用すればサイトパフォーマンスの改善（詳細は後述）ができるため、利用する機会が多い設定（機能）です。 解説に利用しているコードの最終形態はGitHub上にあります。 hira777/webpack-split-chunks-example webpackを理解していることを前提とした記事ですので、基礎知識を習得したい方はwebpack 4入門をご覧ください。 optimization.splitChunksとは 「複数のエントリーポイント間で利用している共通モジュール

[yayocan]

commonlibe 共通ライブラリ

[takaesu]

webpackのvendorなどを切り離す

[kangsungyang03]

とりあえず、splitChunks覚えよう。

[oki448jp]

webpack 4のoptimization.splitChunks（SplitChunksPlugin）について

[efcl]

webpack 4の`optimization`オプションについて。 `optimization.*`の設定とそれぞれの出力結果について