JavaScript Minifier
Machen Sie ein Skript mit Terser, demselben Minifier, den webpack verwendet, so klein wie möglich, ohne es irgendwohin zu senden.
JavaScript online minifizieren
Ein minifiziertes Skript wird schneller heruntergeladen und geparst. Diese Seite ist der Code Formatter, eingestellt auf das Minifizieren von JavaScript. Er nutzt Terser, das beim ersten Minifizieren in die Seite geladen wird, sodass Ihr Code auf Ihrem eigenen Rechner verarbeitet wird.
Was Terser macht
- Entfernt Leerraum und Kommentare, die die Engine nicht braucht.
- Kürzt lokale Namen:
function add(first, second)wird zufunction add(d,n). - Vereinfacht Code, wo das Ergebnis garantiert gleich bleibt, etwa durch das Entfernen unerreichbarer Zweige.
- Stoppt bei Syntaxfehlern und meldet Zeile und Spalte, statt eine kaputte Ausgabe zu erzeugen.
Ein kleines Beispiel
Eine sechszeilige Funktion mit Kommentar, function add(first, second) { return first + second; } gefolgt von console.log(add(1, 2));, wird zu function add(d,n){return d+n}console.log(add(1,2));: Kommentar und Leerraum sind weg, und die beiden Parameter haben Namen aus einem Buchstaben, weil außerhalb der Funktion nichts sie sehen kann.
Worauf Sie achten sollten
- Behalten Sie das Original: Minifizierter Code ist zum Ausliefern da, nicht zum Bearbeiten.
- Lizenzkommentare, die mit
/*!beginnen oder@licenseenthalten, bleiben erhalten; alle anderen Kommentare werden entfernt. - Minifizieren Sie ganze Anwendungen in Ihrer Build-Pipeline, damit es bei jedem Release geschieht.
Verwandte Tools
Um minifizierten Code zu lesen, nutzen Sie den JavaScript Beautifier. Für Stylesheets nutzen Sie den CSS Minifier.