Webpack stats analizátor
Keress meg, mely csomagok és modulok foglalnak el a legtöbb helyet egy webpack build-ben.
Webpack stats analizátor
Generálj egy stats.json fájlt a webpack segítségével (`webpack --json > stats.json`, vagy a `stats: { modules: true }` hozzáadásával a konfigurációdba), és illeszd be ide, hogy pontosan lásd, mely csomagok és modulok fújják fel a bundle-t. Ez a leggyorsabb módja annak, hogy válaszolj a "miért olyan nagy a build-em" kérdésre, anélkül, hogy egy bundle-analyzer plugint kellene telepítened vagy speciális flagekkel újra kellene fordítanod — a jelentés az olvas az általad már meglevő JSON fájlt.
Csoportosítsd a jelentést node_modules csomag szerint, hogy lásd mely függőség költsége a legnagyobb, mappa szerint, hogy lásd mely része a saját forráskódodnak a legsúlyosabb, vagy hagyd csoportosítás nélkül az egyes modulok egyenkénti vizsgálatához. A sorok-megjelenítendő opció egy hosszú jelentést korlátozhat a legnagyobb okmányokra; a százalékos arány minden sor méretét a teljeshez képest helyezi kontextusba; és ha az stats.json tartalmaz egy tömörített méret mezőt modulonként (gzipSize vagy sizeGzip), a tömörített-méret oszlop bekapcsolása mindkét számot egymás mellett mutatja. Az egy belépési pont vagy chunk név szerinti szűrés mindent csak egy bundle-re szűkít, amely hasznos, ha egy alkalmazásnak több kimeneti fájlja van.
Az eszköz azt is jelöli, hogy mely csomagok több node_modules telepítési útvonalban jelennek meg — általában annak a jele, hogy két függőség az ugyanazon könyvtár különböző verzióit igényli, és a webpack mindkét másolat szállítása végződik. Ezek a sorok megjelölésre kerülnek a kimenetben, így könnyen megtalálhatóak még egy hosszú jelentésben is. Válassz táblázat kimenetet egy olvasható jelentéshez, vagy CSV-t a táblázatkezelő beillesztéséhez, amikor a bundle méretét követed az idő múlásával.
Minden a böngésződben fut: a stats.json helyben kerül elemzésre, és soha nem töltődik fel sehova, így biztonságos a saját forráskódú codebase-szel való használat. Másolj meg az eredményt, töltsd le .txt fájlként, vagy küldd el közvetlenül egy másik eszköz bemenetéhez, hogy folytasd a munkát.