Webpack Bundle Analyzer

Detta verktyg analyserar Webpack-bundlar med hjälp av stats.json för att visa hur ett bundle använder sin storleksbudget. Genom att läsa in en stats.json beräknas storlecker per modul, ingångspunktens uppdelning och ett beroendediagram som visar var de flesta byten kommer ifrån. Konceptuellt behandlas en byggnad som ett graf där varje nod är en modul och kanter representerar import; verktyget summerar storlekar längs vägar för att lyfta fram tunga moduler. Det stöder CommonJS och ESM-moduler, dynamiska imports och artefakter av kod-splitting. Utdatan hjälper frontend-ingenjörer, prestandaingenjörer och plattformsteam att identifiera optimeringsmöjligheter, som att ta bort tunga beroenden, justera kod-splitting-områden eller byta ut tunga bibliotek. Unikheten ligger i snabb, lokal analys utan molntjänst och detaljerade visualiseringar av ingångspunktens sammansättning och modulförlopp. Kärnfunktioner innefattar storlek per ingångspunkt, toppbovare, uppdelning efter paket och sökväg samt en exportbar rapport för CI. Vanliga användningsfall inkluderar optimering av en SPA, revision av leverantörsbundlar över mikro-frontends och validering av prestandabudget i CI-pipelines.