Webpack Bundle Analyzer

Dette verktøyet analyserer Webpack-bunter ved hjelp av stats.json for å avsløre hvordan en bundle bruker budsjettet for størrelse. Ved å lese stats.json beregner det størrelser per modul, inndeling av inngangspunkter og et avhengighetsdiagram som viser hvor de fleste bytes kommer fra. Konseptuelt behandles en bygging som et graf, der hver node er en modul og kantene representerer importer; verktøyet summerer størrelser langs stier for å fremheve tunge moduler. Det støtter CommonJS og ESM-moduler, dynamiske imports og artefakter av kode-splitting. Utdataene hjelper frontend-ingeniører, performance-ingeniører og plattformteam å identifisere optimeringsmuligheter som å fjerne store avhengigheter, justere kode-splitting-områder eller erstatte tunge biblioteker. Den unike verdien ligger i rask, lokal analyse uten skytjenester og detaljerte visualiseringer av inngangspunktsammensetning og modultrender. Hovedfunksjonene inkluderer størrelse per inngangspunkt, topp-brytere, oppdeling etter pakke og sti, samt en eksportbar CI-rapport. Typiske bruksområder inkluderer optimalisering av en SPA, revisjon av leverandørbundler på tvers av mikrofremvisere og validering av ytelsesbudsjett i CI-pipelines.