Webpack Bundle Analyzer

Esta herramienta analiza los bundles de Webpack usando stats.json para revelar cómo un bundle consume su presupuesto de tamaño. Al ingestar stats.json, calcula tamaños por módulo, desglose de puntos de entrada y un grafo de dependencias para mostrar de dónde provienen la mayor cantidad de bytes. Conceptualmente se trata de un grafo en el que cada nodo es un módulo y las aristas representan importaciones; la herramienta agrega tamaños a lo largo de rutas para resaltar módulos pesados. Admite módulos CommonJS y ESM, importaciones dinámicas y artefactos de code-splitting. La salida ayuda a ingenieros frontend, ingenieros de rendimiento y equipos de plataforma a identificar oportunidades de optimización, como eliminar dependencias pesadas, ajustar rangos de code-splitting o reemplazar bibliotecas grandes. Su valor único radica en análisis rápido y local sin servicios en la nube, y en visualizaciones detalladas de la composición de entradas y tendencias a nivel de módulo. Funciones clave: tamaño por entrada, principales responsables, desglose por paquete y ruta, e informe exportable para CI. Casos de uso: optimizar una aplicación de una sola página, auditar bundles de proveedores entre micro-frontends y validar presupuestos de rendimiento en pipelines CI.