3

Herramienta recomendad para analizar el bundle

Uno de los integrantes del equipo de Angular dice que ellos recomiendan usar una herramienta llamada source-map-explorer en lugar de webpack-bundle-analyzer, ya que este último no sabe muy cómo son los procesos de Angular. Para utilizar esta herramienta se debe instalar el paquete

npm i globalsource-map-explorer

También se puede hacer como dependencia de desarrollo del proyecto y ejecutarlo con npx.
Ahora bien, se debe hacer build de nuestra aplicación.

ng build --prod

Y por último será simplemente ejecutar la herramienta, se selecciona el archivo que se quiere analizar:

source-map-explorer dist/pstore/main-es2015.d6173b504180f8c2ec5e.js

Claramente webpack-bundle-analyzer es más interactivo y visual, sin embargo esta herramienta quizás podría ser más precisa.

Fuente: https://youtu.be/B-lipaiZII8?t=205

Escribe tu comentario
+ 2