JavaScript formater i minifikator

Kako da formatiraš ili minifikuješ JavaScript

1. Nalepi kod ili klikni Otvori fajl da učitaš .js, .mjs ili .jsx fajl (do 10 MB).
2. Izaberi Uvlačenje i, ako voliš Allman stil, označi Vitičaste zagrade u svom redu.
3. Klikni Formatiraj (sredi) da kod postane čitljiv.
4. Da ga smanjiš, podesi Opcije minifikacije i klikni Minifikuj. Ako samo tražiš greške, klikni Proveri sintaksu.
5. Kopiraj ili preuzmi rezultat. Statusni red prikazuje veličinu pre i posle i procenat ušteđenog prostora.

Kod se samo čita i pretvara, nikada se ne izvršava: ništa što nalepiš ne pokreće se na ovoj stranici.

Formatiranje pomoću js-beautify

Formatiraj (sredi) koristi js-beautify. Stavlja po jednu naredbu u red, uvlači blokove, dodaje razmake oko operatora i posle ključnih reči i zadržava najviše jedan prazan red tamo gde si ga imao. Razume i modernu sintaksu (klase, strelaste funkcije, šablonske stringove, async/await) i JSX. To je najbrži način da pročitaš minifikovanu biblioteku ili jednoredni isečak kopiran sa veb-stranice.

Formatiranje menja samo razmake. Ne proverava da li je kod ispravan: zagrada koja nedostaje jednostavno daje čudno uvlačenje. Za to koristi Proveri sintaksu.

Minifikacija pomoću Tersera

Minifikuj koristi Terser, minifikator koji koristi većina alata za izgradnju JavaScripta. Pošto je velik, preuzima se tek kad prvi put klikneš Minifikuj ili Proveri sintaksu. Opcije se direktno preslikavaju na Terser podešavanja:

• ES modul (import/export) parsira kod kao modul (module: true): važi strogi režim, a nazivi na vrhu fajla su privatni, pa mogu da se preimenuju, a neupotrebljeni da se uklone. Ostavi neoznačeno za klasičan skript čije globalne funkcije koriste drugi skriptovi.
• Kompresuj (compress) prepisuje kod u kraći ekvivalentan kod: izračunavanje konstanti (2*60 postaje 120), uklanjanje mrtvog koda, spajanje var deklaracija, kraći uslovi.
• Skrati nazive promenljivih (mangle) preimenuje lokalne promenljive i parametre u jedno ili dva slova. Globalni nazivi i svojstva objekata se nikada ne preimenuju.
• Zadrži komentare o licenci čuva komentare koji počinju sa /*! ili sadrže @license ili @preserve. Svi ostali komentari se uklanjaju.

Minifikacija ne može da promeni šta kod radi, ali kod koji se oslanja na nazive funkcija (fn.name) ili na eval može posle preimenovanja da se ponaša drugačije. U tom slučaju ukloni oznaku sa Skrati nazive promenljivih.

Sintaksne greške sa redom i kolonom

Kad Terser ne može da parsira kod, Minifikuj i Proveri sintaksu prikazuju poruku o grešci sa redom i kolonom, na primer „Red 12, kolona 8 – Syntax error: Unexpected token punc «)»“. Kolona broji znakove od 1. Tipičan uzrok je zagrada koja nedostaje ranije u fajlu, pa pogledaj i redove neposredno pre prijavljenog mesta.