Formátovanie a minifikácia JavaScriptu

Ako formátovať alebo minifikovať JavaScript

1. Vlož kód, alebo klikni na Otvoriť súbor a načítaj súbor .js, .mjs alebo .jsx (do 10 MB).
2. Vyber Odsadenie a ak uprednostňuješ štýl Allman, zaškrtni Zložené zátvorky na samostatnom riadku.
3. Kliknutím na Formátovať (skrášliť) urobíš kód čitateľným.
4. Ak ho chceš zmenšiť, nastav Možnosti minifikácie a klikni na Minifikovať. Ak chceš len hľadať chyby, klikni na Skontrolovať syntax.
5. Skopíruj alebo stiahni výsledok. Stavový riadok ukazuje veľkosť pred a po a ušetrené percentá.

Kód sa iba číta a transformuje, nikdy sa nespúšťa: nič, čo vložíš, sa na tejto stránke nevykoná.

Skrášlenie pomocou js-beautify

Formátovať (skrášliť) používa js-beautify. Dáva jeden príkaz na riadok, odsadzuje bloky, pridáva medzery okolo operátorov a za kľúčovými slovami a ponecháva najviac jeden prázdny riadok tam, kde si nejaké mal. Rozumie aj modernej syntaxi (triedy, šípkové funkcie, šablónové reťazce, async/await) a JSX. Je to najrýchlejší spôsob, ako prečítať minifikovanú knižnicu alebo jednoriadkový úryvok skopírovaný z webovej stránky.

Skrášlenie mení iba medzery. Nekontroluje, či je kód platný: chýbajúca zátvorka jednoducho spôsobí zvláštne odsadenie. Na to použi Skontrolovať syntax.

Minifikácia pomocou Terseru

Minifikovať používa Terser, minifikátor, ktorý využíva väčšina nástrojov na zostavovanie JavaScriptu. Keďže je veľký, stiahne sa až pri prvom kliknutí na Minifikovať alebo Skontrolovať syntax. Voľby zodpovedajú priamo nastaveniam Terseru:

• Modul ES (import/export) spracuje kód ako modul (module: true): platí striktný režim a názvy na najvyššej úrovni sú súkromné, takže sa dajú premenovať a nepoužité odstrániť. Pri klasickom skripte, ktorého globálne funkcie používajú iné skripty, voľbu nechaj nezaškrtnutú.
• Komprimovať (compress) prepíše kód na kratší ekvivalentný: vyhodnotenie konštánt (2*60 sa zmení na 120), odstránenie mŕtveho kódu, spájanie deklarácií var, kratšie podmienky.
• Skrátiť názvy premenných (mangle) premenuje lokálne premenné a parametre na jedno- či dvojpísmenové názvy. Globálne názvy a vlastnosti objektov sa nikdy nepremenúvajú.
• Ponechať licenčné komentáre zachová komentáre začínajúce /*! alebo obsahujúce @license či @preserve. Všetky ostatné komentáre sa odstránia.

Minifikácia nemôže zmeniť, čo kód robí, ale kód, ktorý sa spolieha na názvy funkcií (fn.name) alebo na eval, sa po premenovaní môže správať inak. V takom prípade zruš Skrátiť názvy premenných.

Syntaktické chyby s riadkom a stĺpcom

Keď Terser kód nevie spracovať, Minifikovať a Skontrolovať syntax zobrazia chybovú správu s riadkom a stĺpcom, napríklad „Riadok 12, stĺpec 8 – Syntaktická chyba: Unexpected token punc «)»“. Stĺpec sa počíta po znakoch od 1. Typickou príčinou je chýbajúca zátvorka skôr v súbore, preto sa pozri aj na riadky tesne pred nahlásenou pozíciou.