JavaScript-formaterer og -minifiserer

Slik formaterer eller minifiserer du JavaScript

1. Lim inn koden din, eller klikk Åpne fil for å laste en .js-, .mjs- eller .jsx-fil (opptil 10 MB).
2. Velg Innrykk, og huk av for Klammer på egen linje hvis du foretrekker Allman-stilen.
3. Klikk Formater (pent oppsett) for å gjøre koden lesbar.
4. For å gjøre den mindre setter du Valg for minifisering og klikker Minifiser. Vil du bare lete etter feil, klikker du Sjekk syntaks.
5. Kopier eller last ned resultatet. Statuslinjen viser størrelsen før og etter, og hvor mange prosent du sparte.

Koden blir bare lest og omformet, aldri kjørt: ingenting du limer inn, utføres på denne siden.

Pent oppsett med js-beautify

Formater (pent oppsett) bruker js-beautify. Den setter én setning per linje, rykker inn blokker, legger til mellomrom rundt operatorer og etter nøkkelord, og beholder opptil én tom linje der du hadde noen. Den forstår også moderne syntaks (klasser, pilfunksjoner, malstrenger, async/await) og JSX. Det er den raskeste måten å lese et minifisert bibliotek eller et utdrag på én linje som er kopiert fra en nettside.

Pent oppsett endrer bare mellomrom og linjeskift. Det sjekker ikke at koden er gyldig: en manglende parentes gir bare merkelig innrykk. Bruk Sjekk syntaks til det.

Minifiser med Terser

Minifiser bruker Terser, minifisereren som brukes av de fleste byggeverktøy for JavaScript. Fordi den er stor, lastes den bare ned første gang du klikker Minifiser eller Sjekk syntaks. Valgene tilsvarer direkte innstillinger i Terser:

• ES-modul (import/export) tolker koden som en modul (module: true): streng modus gjelder og navn på toppnivå er private, så de kan gis nye navn og ubrukte kan fjernes. La den stå uavkrysset for et klassisk skript der globale funksjoner brukes av andre skript.
• Komprimer (compress) skriver koden om til kortere, tilsvarende kode: sammenslåing av konstanter (2*60 blir 120), fjerning av død kode, sammenslåing av var-deklarasjoner og kortere betingelser.
• Forkort variabelnavn (mangle) gir lokale variabler og parametere navn på én eller to bokstaver. Globale navn og objektegenskaper får aldri nytt navn.
• Behold lisenskommentarer beholder kommentarer som begynner med /*! eller inneholder @license eller @preserve. Alle andre kommentarer fjernes.

Minifisering kan ikke endre hva koden gjør, men kode som er avhengig av funksjonsnavn (fn.name) eller av eval, kan oppføre seg annerledes etter at navnene er endret. Fjern i så fall avkrysningen for Forkort variabelnavn.

Syntaksfeil med linje og kolonne

Når Terser ikke kan lese koden, viser Minifiser og Sjekk syntaks feilmeldingen med linje og kolonne, for eksempel «Linje 12, kolonne 8 – Syntaksfeil: Unexpected token punc «)»». Kolonnen teller tegn fra 1. En typisk årsak er en manglende klammeparentes tidligere i filen, så se også på linjene like før den oppgitte posisjonen.