Webpack stats analyzer
Pronađite koje pakete i module zauzimaju najviše mjesta u webpack gradi.
Webpack stats analyzer
Generirajte stats.json iz webpacka (`webpack --json > stats.json`, ili s `stats: { modules: true }` u vašoj konfiguraciji) i zalijepite ga ovdje da vidite točno koji paketi i moduli napuhavaju vašu gradu. Ovo je najbrži način da odgovorite "zašto je moja gradnja tako velika" bez instaliranja bundle-analyzer plug-ina ili gradnje s posebnim zastavicama — izvještaj čita JSON koji već imate.
Grupirajte izvještaj po node_modules paketu da vidite koji ovisnost košta više, po mapi da vidite koji dio vašeg vlastitog source treea je najtežakši, ili ga ostavite grupirano da pregledavate pojedinačne module jedan po jedan. Opcija redaka za prikaz ograničava dugi izvještaj na najveće krivce; udio u postotcima stavlja veličinu svakog reda u kontekst prema ukupnom broju; a ako vaš stats.json ima polje kompresivane veličine po modulu (gzipSize ili sizeGzip), uključivanjem stupca kompresivane veličine vidjet ćete oba broja jedno pored drugog. Filtriranje po ulaznoj točki ili imenu chunkа сужavа sve na jedan bundle, što je korisno kada aplikacija ima više od jedne izlazne datoteke.
Alat također označava pakete koji se pojavljuju na više od jedne putanje instalacije node_modules — česta znak da dvije ovisnosti fiksiraju nekompatibilne verzije iste biblioteke i webpack završi sa slanjem obje kopije. Ti redovi su označeni u izlazu kako bi bili lako vidljivi čak i u dugom izvještaju. Odaberite izlaz tablice za čitljiv izvještaj ili CSV za lijepljenje u proračunsku tablicu kada pratite veličinu bundlea tijekom vremena.
Sve se izvršava u vašem pregledniku: stats.json se parsira i analizira lokalno i nikada se ne učitava nigdje, pa je sigurno koristiti s vlastitim kodom. Kopirajte rezultat, preuzmite ga kao .txt datoteku ili ga pošaljite direktno u unos drugog alata da nastavite raditi.