javascript - webpack共通チャンクプラグインとwebpack dllプラグイン

Question

angular、react、lodashなどのサードパーティライブラリを含むベンダーバンドルを作成するためにwebpack共通チャンクプラグインを使用する前に、webpack dllプラグインについて知っていました。それらは同じことをしているように見えますが、dll プラグインを使用すると、ビルド時間を短縮することもできます。したがって、これらの両方のプラグインを一緒に使用する必要があるかどうか混乱しています。プロダクション ビルドでベンダー バンドルを作成し、開発ビルドで dll プラグインを作成するために共通のチャンク プラグインを使用する必要があります。または、本番ビルドと開発ビルドの両方で dll プラグインを使用する必要がありますか? これについて説明していただけますか？

Answer 1

どちらか一方を使用します。DllPlugin の使用方法を説明する記事を次に示します。ページの下部には、同じことを実現する別の方法が表示されます。メリットとデメリットだけでなく、違いも教えてくれます。これで始められるはずです。

Answer 2

ここでも違いを探していましたが、実際にはそうではないと思います。少なくとも、もうありません。

コード分​​割ライブラリのwebpack ドキュメントを見ると、同様のマニフェスト ファイルを抽出する方法が記載されています。私の理解では、これは DllPlugin が行っていることですが、CommonsChunkPlugin ではもう少し暗黙的です。

利点は、この種の機能のために複数の Webpack 構成を維持する必要がないことです。