問題タブ [commonschunkplugin]

webpack 3 では、依存関係を持つことができました。そのすべての依存関係は、次を使用して「共通チャンク」にグループ化されます。

Webpack 4 では、splitChunks を使用する必要があります。ただし、すべてが「Infinity」をサポートしていない minChunk と test に基づいており、上記と「同様の」ものを取得したい場合は、以下のように「test」を使用する必要があります。別の「cacheGroup」は、これらの依存関係をバンドルしません。

これは技術的には私が使用できるソリューションですが、Infinity を使用すると、特定の依存関係を強制するために必要なコードがはるかに少なくなり、最終的に非常に特定の「共通チャンク」になりました。

Webpack 4 で同じことを達成するためのより良い方法はありますか?

client.js が小さくなるように、さまざまなチャンクにいくつかの依存関係を持たせたいと考えています。ウェブパック 4.16.5

複数のチャンクに同じコードが含まれるのはなぜですか? 何が欠けていますか？

これは、バンドル アナライザー プラグインから取得した現在のバンドル情報です。

現在のバンドル情報

jquery を別のチャンクに移動し、css を別の単一の css バンドルに抽出したいのですが、バンドルのサイズを小さくするためにできる他の最適化はありますか?

私の現在のwebpackはこのwebpack.base.jsです

webpack.production.js

このエラーが発生しています

エラー:webpack.optimize.CommonsChunkPluginは削除されましconfig.optimization.splitChunksた。代わりに使用してください。