ウェブパックでバンドルをスプリットする - Qiita

この記事で「バンドルスプリッティング」というのを紹介します。２つの簡単な例をあげて、それぞれの価値を説明します。ソースコードがこちらです。 optimization.splitChunks optimization.splitChunksを使ってwebpackが作成するmain.jsを別のファイルに分けることができます。よく使うケースの一つは、ベンダーとローカルアセットを別のファイルに分けることです。 ベンダーアセット：外部ライブラリー。例えば、node_modulesからimportしたモジュール。だいたい変わらないコード ローカルアセット：アプリのために書いたコード。開発しながらよく変わるアセット。 簡単な例を見ましょう。Vueの「ハローワールド」アプリを作っていて、パフォーマンスのためにベンダーとローカルアセットを別のバンドルにしたいです。 環境準備 echo {} >> packa