問題タブ [commonschunkplugin]

webpack 3 から webpack 4 に移行しようとしています。

問題は CommonsChunkPlugin にあります。webpack ( npm run webpack-dev-server -- --config config/webpack.dev.js) を実行しようとすると、次のエラーが発生します。

この問題の原因は何ですか?

webpack githubの変更ログを確認したところ、CommonsChunkPlugin が削除されていることがわかりました。

しかし、webpack のドキュメントを見ると、バージョン 4.1.1 の CommonsChunkPlugin を見つけることができます。

私の直感では、それCommonsChunkPluginは非推奨であり、使用する必要があると言っていますoptimization.splitChunks。

この問題を経験し、バージョン 3 から 4 に移行するための適切なチュートリアルを見つけた人はいますか?

ベンダー バンドルが非常に大きくなったため、2 つの部分に分割したいと考えています。(1 つの部分にはすべての反応関連パッケージが含まれ、もう 1 つの部分には残りのパッケージが含まれます)。

ベンダーバンドルを作成するために現在必要なものは次のとおりです。

以下にこれらのさまざまなアプローチを追加しようとしましたが、これまでのところ成功していません。

分割は発生しますが、ブラウザで実行できません。私のコンソールでは、次のようになります。

html に タグを含む新しいファイルを既に読み込んでいます。

CommonsChunkplugin を使用してコードを分割していました。現在、プロジェクトを webpack 4 に移行しようとしています。

古い設定コードは次のとおりです。

そして、これがwebpack 4構成コードです:

新しい構成コードは、プロジェクトで使用されるノード モジュールからすべてのコードを取得します。しかし、ベンダー ライブラリ (エントリー構成部分で定義したもの) のみを分割したいと考えています。node_modules のすべてのコードではありません。

この場合: 'babel-polyfill','react','react-dom',"jquery","bootstrap"

そして私の他の質問：

2) HashedModuleIdsPlugin はもう必要ですか?

3) ランタイム コードを分割する必要がありますか?

10 ページと 3 つのエントリ ポイントを持つ複数の Web アプリを作成する必要があります。11個のHtmlWebpackPluginを作成し、すべての HTML ファイルで使用したいチャンクを作成する必要がありますか。

私のファイルツリー：

その結果、私はそのようなものを見たいです:

webpack のバージョン - 4.5.0

この状況でwebpack-dev-serverとpython3(tornado)サーバーを操作する方法にも興味がありますか?

難しいことではないことは理解していますが、実際には (wp 4.5.0) 情報を見つけることができず、webpack を使い始めたばかりの男性にとってドキュメントは読みにくいものです。