JavaScripti vormindaja ja minimeerija
Kaunista minimeeritud JavaScript, minimeeri see Terseriga või kontrolli süntaksit vea täpse rea ja veeruga. Töötab ainult sinu brauseris.
Kuidas JavaScripti vormindada või minimeerida
- Kleebi oma kood või klõpsa nuppu Ava fail, et laadida
.js-,.mjs- või.jsx-fail (kuni 10 MB). - Vali Taane ja märgi Allmani stiili eelistades Looksulud eraldi real.
- Klõpsa Vorminda (kaunista), et muuta kood loetavaks.
- Kahandamiseks määra Minimeerimisvalikud ja klõpsa Minimeeri. Ainult vigade otsimiseks klõpsa Kontrolli süntaksit.
- Kopeeri tulemus või laadi see alla. Olekurida näitab mahtu enne ja pärast ning säästetud protsenti.
Koodi ainult loetakse ja teisendatakse, seda ei käivitata kunagi: midagi, mida kleebid, ei käivitata sellel lehel.
Kaunistamine js-beautifyga
Vorminda (kaunista) kasutab js-beautifyt. See paneb ühe lause ühele reale, taandab plokid, lisab tühikud operaatorite ümber ja märksõnade järele ning säilitab kuni ühe tühja rea seal, kus sul see oli. See mõistab ka tänapäevast süntaksit (klassid, nooleavaldised, mallsõned, async/await) ja JSX-i. See on kiireim viis lugeda minimeeritud teeki või veebilehelt kopeeritud ühe rea lõiku.
Kaunistamine muudab ainult tühimärke. See ei kontrolli, kas kood on korrektne: puuduv sulg annab lihtsalt veidra taande. Selleks kasuta Kontrolli süntaksit.
Minimeerimine Terseriga
Minimeeri kasutab Terserit, minimeerijat, mida kasutab enamik JavaScripti ehitustööriistu. Kuna see on suur, laaditakse see alla alles esimesel klõpsul nupule Minimeeri või Kontrolli süntaksit. Valikud vastavad otse Terseri seadetele:
- ES-moodul (import/export) analüüsib koodi moodulina (
module: true): kehtib range režiim ja ülemise taseme nimed on privaatsed, seega saab neid ümber nimetada ja kasutamata nimed eemaldada. Jäta märkimata klassikalise skripti puhul, mille globaalseid funktsioone kasutavad teised skriptid. - Paki (
compress) kirjutab koodi ümber lühemaks samaväärseks koodiks: konstantide arvutamine (2*60muutub120), kasutu koodi eemaldamine,vardeklaratsioonide ühendamine, lühemad tingimused. - Lühenda muutujate nimed (
mangle) nimetab kohalikud muutujad ja parameetrid ümber üheks või kaheks täheks. Globaalseid nimesid ja objektide omadusi ei nimetata kunagi ümber. - Säilita litsentsikommentaarid säilitab kommentaarid, mis algavad
/*!või sisaldavad@licensevõi@preserve. Kõik muud kommentaarid eemaldatakse.
Minimeerimine ei saa muuta seda, mida kood teeb, kuid kood, mis tugineb funktsioonide nimedele (fn.name) või eval-ile, võib pärast ümbernimetamist käituda teisiti. Sel juhul jäta Lühenda muutujate nimed märkimata.
Süntaksivead koos rea ja veeruga
Kui Terser ei suuda koodi analüüsida, näitavad Minimeeri ja Kontrolli süntaksit veateadet koos rea ja veeruga, näiteks „Rida 12, veerg 8 – Süntaksiviga: Unexpected token punc «)»“. Veerg loendab märke alates 1-st. Tavaline põhjus on faili varasem puuduv sulg, seega vaata ka teatatud kohale vahetult eelnevaid ridu.
Korduma kippuvad küsimused
Kas minu kood laaditakse kuhugi üles?
Ei. js-beautify ja Terser töötavad mõlemad sinu brauseris ning sinu kood jääb sinu arvutisse.
Kas saan minimeerida TypeScripti?
Ei. Terser aktsepteerib ainult JavaScripti. Kompileeri TypeScript esmalt JavaScriptiks, seejärel minimeeri väljund. Lihtsa TypeScripti vormindamine valikuga Vorminda (kaunista) sageli töötab, kuid tüübimärgendite tühikud võivad olla kummalised.
Miks minu minimeeritud kood näeb välja teistsugune kui see, mille kirjutasin?
Paki arvutab konstantseid avaldisi, põimib ühekordse kasutusega väärtused ja eemaldab kättesaamatu koodi. Tulemus käitub samamoodi. Võta Paki märge maha, et eemaldada ainult tühimärgid ja kommentaarid.
Kas „ES-moodul“ peab minu koodiga kokku sobima?
Jah. Koodi, milles on import või export, tuleks minimeerida moodulina. Klassikaline skript, mis on minimeeritud moodulina, võib kaotada globaalsed funktsioonid, mida teised skriptid kutsuvad, sest ülemise taseme nimesid käsitletakse siis privaatsetena.
Mis saab JSON-ist?
JSON on korrektne JavaScript, seega aktsepteerivad mõlemad nupud seda, kuid spetsiaalne JSON-i vormindaja annab paremaid veateateid ja sorteerib võtmeid.
Seotud tööriistad
- JSON-i vormindaja ja valideerija Tasuta JSON-i vormindaja ja valideerija, mis kaunistab, minimeerib ja kontrollib JSON-i sinu brauseris ning teatab süntaksivead rea ja veeruga.
- CSS-i vormindaja ja minimeerija Kaunista segane CSS puhta taandega või minimeeri see csso-ga ning vaata mahtu enne ja pärast. Töötab sinu brauseris, midagi ei saadeta serverisse.
- HTML-i vormindaja Kaunista segane HTML puhta taandega või minimeeri see ohutult oma brauseris. Ka sisemine CSS ja JavaScript vormindatakse. Midagi ei laadita üles.
- Regexi testija Testi JavaScripti regulaaravaldisi otse: esiletõstetud vasted, püüdvad grupid, asendus ja selge selgitus iga mustri elemendi kohta.