Muuda JavaScript veebis loetavaks
Kleebi tihendatud .js-fail, webpacki pakett või üherealine koodilõik ja saa paremal paneelil tagasi korrektselt taandatud JavaScript. Vormindamise teeb Prettier sinu brauseris, midagi ei laadita üles.
Miks JavaScript muutub loetamatuks?
Iga tänapäevane järgu loomise töövoog tihendab JavaScripti enne avaldamist. Terser, esbuild, SWC ja sarnased tööriistad eemaldavad tühikud ja kommentaarid, nimetavad kohalikud muutujad ja funktsioonid üksikute tähtedega ümber, suruvad pesastatud plokid aheldatud avaldisteks ning ühendavad kogu rakenduse ühte või kahte faili. Reacti rakendus, mis koosnes algul kolmesajast loetavast lähtefailist, jõuab brauserisse ühe mõnesaja kilobaidise reana. Kood töötab endiselt laitmatult, kuid lugema hakates seisad struktuuritu tekstiseina ees.
Mida vormindamine tegelikult taastab?
Paketi vormindamine taastab selle, mis aitab koodis liikuda. Laused saavad oma read, nii et pinujälje viide 1. rea 24815. veerule muutub päris asukohaks, kuhu saad liikuda. Pesastus tuleb nähtavale: näed funktsiooni algust ja lõppu, tingimuse kaitstavat haru ning tagasikutsete ahela ülesehitust. Stringe, URL-e ja lõpp-punktide nimesid on lihtne silmata. Just neid otsid sageli siis, kui auditeerid võõrast skripti, mitte ei silu enda oma.
Toetatakse tänapäevast süntaksit
Vormindaja parsib tänapäevast JavaScripti, mitte kümne aasta tagust piiratud alamhulka. Noolefunktsioonid, klassid, async ja await, generaatorid, valikuline aheldamine, nullväärtuse ühendamise operaator, mallistringid, destruktureerimine, spread-süntaks, dünaamilised impordid ja ES-moodulid vormindatakse õigesti. Toetatud on ka JSX, millest on abi Reacti komponendi uurimisel, kui see pole kompileerimisel eemaldatud. Kuna töö teeb Prettier, järgib tulemus samu tavasid, mida sinu redaktor enda failidele rakendab.
Millised on piirangud?
Loetavaks muutmine ei taasta algset lähtekoodi. Tihendaja kustutas kommentaarid ja nimetas muutujad ümber ning ükski vormindaja ei arva ära, et muutuja n nimi oli varem remainingRetries. Kui projekt avaldas lähtekoodikaardi ehk source map'i, laadi see brauseri arendustööriistadesse. See on ainus tee päris algse koodini. Kui fail on tahtlikult hägustatud, mitte üksnes tihendatud, saad loetava struktuuri, kuid koodi eesmärk võib jääda segaseks.
Korduma kippuvad küsimused
Kas see muudab webpacki või Vite'i paketi loetavaks?
Jah. Kleebi pakett või ava fail nupuga Vali fail ning see vormindatakse nagu iga teine JavaScripti fail. Suured paketid võtavad mõne sekundi, sest töö toimub sinu arvutis. Kui kood on taandatud, on moodulite struktuur paremini nähtav.
Kas see eemaldab JavaScripti hägustamise?
See vormindab hägustatud koodi, muutes selle lugemise märksa lihtsamaks, kuid ei pööra hägustamist ennast tagasi. Kodeeritud stringid, kunstlik juhtvoog ja tahtlikult lisatud kasutu kood jäävad alles.
Kas see võib mu koodi rikkuda?
Vormindaja eesmärk on säilitada JavaScripti käitumine ja rakendada ühtset stiili. See võib muuta kirjavahemärke, jutumärke ja paigutust, nii et tulemus pole baidi täpsusega koopia. Hoia originaal alles, vaata väljund üle ja käivita projekti testid enne muudetud või vormindatud paketi kasutamist tootmiskeskkonnas.