問題タブ [webpack-splitchunks]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular/Webpack チャンクのサイズを制限する
私はAngularエコシステムにかなり慣れていません。Sentry サーバーを使用して、アプリケーションによってスローされたエラーを追跡しています。残念ながら、Angular 11 プロジェクトで生成された JavaScript チャンク ファイルは大きすぎて、インストールで効率的に処理できません。
したがって、Angular 組み込みの SplitChunksPlugin を使用して、たとえば 200KB を超えるチャンクを作成しないように Angular プロジェクトを構成しようとしています。
基本的にこれは、「customWebpackConfig」に「最適化」構造を追加すると機能します。
残念ながら、これには、index.html を生成するときに、CSS ファイルへの参照とほとんどの JavaScript チャンクが欠落しているという欠点があります。
デフォルトの動作を壊さずに SplitChunksPlugin を構成するベスト プラクティスの方法は何ですか。
angular.json
extra-webpack.config.js
最適化構成を使用した場合と使用しない場合の index.html の違いは、次のようになります。