角度CLI出力 - バンドルファイルを分析する方法

Question

角度CLIを使用して、--prodスイッチを使用して本番用のアプリケーションを構築しています。 distディレクトリにバンドルが作成されています。 ツリーシャキングや他のすべての手順の後に、実際にバンドルに入れられたクラスや関数を知る方法はありますか？

Answer 1

webpack-bundle-analyzerを使用すると、バンドルを検査できます。

• npm install webpack-bundle-analyzer --save-dev

• "analyze": "ng build --prod --stats-json && webpack-bundle-analyzer dist/stats.json"

• npm run analyze

であなたの package.json scriptsセクションを変更