JavaScript-formatering og -minificering

Sådan formaterer eller minificerer du JavaScript

1. Indsæt din kode, eller klik på Åbn fil for at indlæse en .js-, .mjs- eller .jsx-fil (op til 10 MB).
2. Vælg Indrykning, og sæt kryds ved Tuborgklammer på egen linje, hvis du foretrækker Allman-stilen.
3. Klik på Formatér (beautify) for at gøre koden læsbar.
4. For at gøre den mindre indstiller du Indstillinger for minificering og klikker på Minificér. Hvis du kun vil lede efter fejl, klikker du på Tjek syntaks.
5. Kopiér eller download resultatet. Statuslinjen viser størrelsen før og efter og den procentdel, der er sparet.

Koden bliver kun læst og omdannet, aldrig kørt: Intet, du indsætter, udføres på denne side.

Formatér med js-beautify

Formatér (beautify) bruger js-beautify. Den sætter én sætning på hver linje, rykker blokke ind, tilføjer mellemrum omkring operatorer og efter nøgleord og beholder op til én tom linje, hvor du havde nogle. Den forstår også moderne syntaks (klasser, pilefunktioner, skabelonstrenge, async/await) og JSX. Det er den hurtigste måde at læse et minificeret bibliotek eller et enkeltlinjet uddrag kopieret fra en webside.

Formatering ændrer kun mellemrum. Den tjekker ikke, at koden er gyldig: En manglende parentes giver blot mærkelig indrykning. Brug Tjek syntaks til det.

Minificér med Terser

Minificér bruger Terser, den minificering, som de fleste byggeværktøjer til JavaScript bruger. Fordi den er stor, downloades den først, når du klikker på Minificér eller Tjek syntaks første gang. Indstillingerne svarer direkte til Tersers indstillinger:

• ES-modul (import/export) parser koden som et modul (module: true): Strict mode gælder, og navne på øverste niveau er private, så de kan omdøbes, og ubrugte kan fjernes. Lad den være uafkrydset til et klassisk script, hvis globale funktioner bruges af andre scripts.
• Komprimér (compress) omskriver koden til kortere tilsvarende kode: foldning af konstanter (2*60 bliver til 120), fjernelse af død kode, sammenlægning af var-deklarationer og kortere betingelser.
• Forkort variabelnavne (mangle) omdøber lokale variabler og parametre til ét eller to bogstaver. Globale navne og objektegenskaber omdøbes aldrig.
• Behold licenskommentarer beholder kommentarer, der begynder med /*! eller indeholder @license eller @preserve. Alle andre kommentarer fjernes.

Minificering kan ikke ændre, hvad koden gør, men kode, der afhænger af funktionsnavne (fn.name) eller af eval, kan opføre sig anderledes efter omdøbningen. Fjern i så fald markeringen ved Forkort variabelnavne.

Syntaksfejl med linje og kolonne

Når Terser ikke kan parse koden, viser Minificér og Tjek syntaks fejlmeddelelsen med dens linje og kolonne, for eksempel »Linje 12, kolonne 8 – Syntaksfejl: Unexpected token punc «)»«. Kolonnen tæller tegn fra 1. En typisk årsag er en manglende parentes tidligere i filen, så se også på linjerne lige før den angivne position.