Анализ бандла Angular приложения

Чтобы проанализировать bundle, следует сделать build Angular CLI приложения с флагом --stats-json

ng build --stats-json

В этом случае в dist каталоге создается файл stats.json, который может быть проанализирован с помощью таких инструментов, как:

• webpack-bundle-analyzer
• https://webpack.github.io/analyse

Визуализация с помощью webpack-bundle-analyzer

Установка глобально

npm i webpack-bundle-analyzer -g

Анализ stats.json файла

webpack-bundle-analyzer <path-to>/stats.json

Браузер откроется по адресу http://127.0.0.1:8888/ с содержимым вида:

• https://developers.google.com/web/fundamentals/performance/webpack/monitor-and-analyze
• https://dev.nvx.me/angular-5-bundle-analyzer/