Formátovač a minifikátor JavaScriptu

Jak formátovat nebo minifikovat JavaScript

1. Vlož svůj kód, nebo klikni na Otevřít soubor a načti soubor .js, .mjs či .jsx (do 10 MB).
2. Zvol Odsazení a pokud preferuješ styl Allman, zaškrtni Složené závorky na samostatném řádku.
3. Kliknutím na Formátovat (zpřehlednit) kód zpřehledníš.
4. Chceš-li ho zmenšit, nastav Možnosti minifikace a klikni na Minifikovat. Pokud hledáš jen chyby, klikni na Zkontrolovat syntaxi.
5. Výsledek zkopíruj nebo stáhni. Stavový řádek ukazuje velikost před a po a ušetřená procenta.

Kód se pouze čte a transformuje, nikdy se nespouští: nic, co vložíš, se na této stránce nevykoná.

Zpřehlednění pomocí js-beautify

Formátovat (zpřehlednit) používá js-beautify. Každý příkaz dá na samostatný řádek, odsadí bloky, přidá mezery kolem operátorů a za klíčová slova a ponechá nejvýše jeden prázdný řádek tam, kde jsi nějaký měl. Rozumí také moderní syntaxi (třídám, šipkovým funkcím, šablonovým řetězcům, async/await) i JSX. Je to nejrychlejší způsob, jak přečíst minifikovanou knihovnu nebo jednořádkový úryvek zkopírovaný z webové stránky.

Zpřehlednění mění jen mezery. Neověřuje, zda je kód platný: chybějící závorka prostě vytvoří podivné odsazení. K tomu použij Zkontrolovat syntaxi.

Minifikace pomocí Terseru

Minifikovat používá Terser, minifikátor, který využívá většina nástrojů pro sestavování JavaScriptu. Protože je velký, stahuje se až při prvním kliknutí na Minifikovat nebo Zkontrolovat syntaxi. Možnosti odpovídají přímo nastavení Terseru:

• Modul ES (import/export) zpracuje kód jako modul (module: true): platí striktní režim a názvy na nejvyšší úrovni jsou soukromé, takže je lze přejmenovat a nepoužívané odstranit. U klasického skriptu, jehož globální funkce používají jiné skripty, volbu nech nezaškrtnutou.
• Komprimovat (compress) přepíše kód do kratšího rovnocenného kódu: vyhodnocení konstant (2*60 se změní na 120), odstranění mrtvého kódu, spojení deklarací var, kratší podmínky.
• Zkrátit názvy proměnných (mangle) přejmenuje lokální proměnné a parametry na jedno nebo dvě písmena. Globální názvy a vlastnosti objektů se nikdy nepřejmenovávají.
• Zachovat licenční komentáře ponechá komentáře začínající /*! nebo obsahující @license či @preserve. Všechny ostatní komentáře se odstraní.

Minifikace nemůže změnit, co kód dělá, ale kód, který se opírá o názvy funkcí (fn.name) nebo o eval, se po přejmenování může chovat jinak. V takovém případě zruš zaškrtnutí Zkrátit názvy proměnných.

Syntaktické chyby s řádkem a sloupcem

Když Terser kód nedokáže zpracovat, Minifikovat a Zkontrolovat syntaxi zobrazí chybové hlášení s řádkem a sloupcem, například „Řádek 12, sloupec 8 – Syntaktická chyba: Unexpected token punc «)»“. Sloupec se počítá po znacích od 1. Typickou příčinou je chybějící závorka dříve v souboru, proto se podívej i na řádky těsně před hlášenou pozicí.