Spletno razširjanje kode JavaScript
Prilepite skrčeno datoteko .js, paket webpack ali odlomek v eni vrstici in v desnem podoknu dobite JavaScript s pravilnimi zamiki. Oblikovanje opravi Prettier v vašem brskalniku, ne da bi se karkoli naložilo na strežnik.
Zakaj JavaScript postane neberljiv
Vsak sodoben postopek gradnje pred objavo skrči JavaScript. Terser, esbuild, SWC in podobna orodja odstranijo presledke ter komentarje, nato pa lokalne spremenljivke in funkcije preimenujejo v posamezne črke. Gnezdene bloke združijo v verižne izraze, celotno aplikacijo pa v eno ali dve datoteki. Aplikacija React, ki je nastala iz tristo berljivih izvornih datotek, tako v brskalnik prispe kot ena vrstica z nekaj sto kilobajti. Koda še vedno deluje pravilno, vendar je ob poskusu branja pred vami stena besedila brez oprijemljive strukture.
Kaj oblikovanje dejansko povrne
Oblikovanje paketa povrne lastnosti, ki omogočajo premikanje po kodi. Ukazi spet dobijo svoje vrstice, zato namesto neuporabne prve vrstice in stolpca 24815 vidite dejansko mesto, na katero lahko skočite. Gnezdenje pokaže začetek in konec funkcije, vejo, ki jo varuje pogoj, ter sestavo verige povratnih klicev. Nize, naslove URL in imena končnih točk lahko hitro pregledate. Prav to običajno potrebujete, ko preverjate zunanji skript in ne odpravljate napake v lastni kodi.
Podprta je sodobna skladnja
Oblikovalnik razčleni sodobni JavaScript, ne le omejenega nabora izpred desetih let. Pravilno obdela puščične funkcije, razrede, async in await, generatorje, izbirno veriženje, operator združevanja za null, predložne nize, destrukturiranje, razpršilno skladnjo, dinamične uvoze in module ES. Podprt je tudi JSX, kar je koristno pri pregledu komponente React, ki med gradnjo ni bila pretvorjena v drugačno obliko. Ker delo opravlja Prettier, izhod sledi enakim pravilom, kot jih urejevalnik že uporablja v vaših datotekah.
Kje so omejitve
Razširjanje kode ne obnovi vsega, kar je bilo izgubljeno. Minifikator je izbrisal komentarje in preimenoval spremenljivke. Noben oblikovalnik ne more uganiti, da se je spremenljivka n prej imenovala remainingRetries. Če je projekt objavil zemljevid izvorne kode, ga odprite v razvijalskih orodjih brskalnika, saj je to edina pot do pravega izvirnika. Če je bila datoteka poleg skrčenja še namerno zamegljena, pričakujte berljivo strukturo, ne pa nujno razumljivega namena kode.
Pogosta vprašanja
Ali lahko razširim paket webpack ali Vite?
Da. Prilepite paket ali ga odprite z gumbom Prebrskaj in oblikovan bo kot katerakoli druga datoteka JavaScript. Večji paketi potrebujejo nekaj sekund, saj obdelava poteka na vašem računalniku. Po urejanju zamikov postane vidna tudi struktura modulov.
Ali orodje odstrani zameglitev JavaScript?
Namerno zamegljeno kodo oblikuje in s tem olajša branje, same zameglitve pa ne odpravi. Kodirani nizi, umetno spremenjen tok izvajanja in namerno vstavljena mrtva koda ostanejo na svojih mestih.
Ali lahko oblikovanje pokvari kodo?
Oblikovalnik skuša ohraniti delovanje JavaScript in hkrati uveljaviti dosleden slog. Spremeni lahko ločila, narekovaje in razporeditev, zato rezultat ni kopija bajt za bajtom. Shranite izvirnik, preglejte izhod in pred uporabo spremenjenega ali oblikovanega paketa v produkciji zaženite teste projekta.