問題タブ [webpack-4]

html-webpack-pluginを使用してhtml ファイルを処理しています。
サーバーにエクスポートする前に、いくつかのパーツを削除する必要があります。これを行うためのプラグインをいくつか見つけましたが、それらは古くなっているか、webpack 4 では動作しません。

これはhtml-webpack-plugin の私の設定です。

このように外したい部分に印をつけました。

webpack 4でこれを行うプラグインまたは方法はありますか? ありがとう。

最新の npm パッケージをすべて含む反応プロジェクトがあります。package.json ファイルの github リンクを確認してください

作成された bundle.js ファイルとコンポーネントが chrome 開発者ツールで表示されますが、これらのコンポーネントがブラウザーでレンダリングされるのは表示されません。

git リポジトリ

下の画像を参照してください

React devtool タブ

angularJs アプリケーションを Webpack4 にアップグレードする際に問題があります。

これは私のセットアップです：

と

私はcommonsChunkPluginを持っていて、すべてがうまくいきました。

webpack 4 では、splitChunks オプションを使用して angularjs を 5 回インポートしないようにしています。

それは正しく機能しています。私のcommon.jsファイルにのみangularjsコードをロードしました。しかし残念なことに、コードは 2 回インスタンス化されるため、アプリは常に警告をログに記録します。

警告: AngularJS を複数回ロードしようとしました。

チャンクはHtmlWebpackPluginhtml を介してロードされます。

警告を削除する方法はありますか?