Javascript

エラー：webpack.optimize.CommonsChunkPluginが削除されました



Error Webpack Optimize



最近、react依存関係の抽出にwebpackを使用しているときに、元のwebpack.optimize.CommonsChunkPluginを使用できなくなっていることがわかりました。
画像

梱包時にプロンプ​​トを表示



Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.

に 公式 見つかったドキュメントを詳しく見る

CommonsChunkPluginは、webpack v4legatoで削除されました。最新バージョンでチャンクがどのように扱われるかについては、SplitChunksPluginを確認してください。



だからあなたは使い方を学ぶ必要があります SplitChunksPlugin 構築するには、

これはさらに簡単で、直接module.exports次のケースコードを追加するだけです

optimization: { splitChunks: { cacheGroups: { vendor: test: /[\/]node_modules[\/](react } } }

残念ながら、当時、依存関係から複数のjsファイルを生成しようとしましたが、成功しませんでした。