JavaScript Minifier
Minificeer JavaScript door witruimte en opmerkingen te verwijderen
Invoer
Geminificeerde uitvoer
Wat is de JavaScript Minifier?
De JavaScript Minifier verwijdert witruimte, opmerkingen en verkort code om de bestandsgrootte te verkleinen. Kleinere bestanden laden sneller. De ECMAScript-specificatie definieert de taal; minificatie behoudt het gedrag terwijl de uitvoer wordt verkleind. Tools zoals Terser en UglifyJS gebruiken vergelijkbare technieken in productiebuilds.
Deze tool draait volledig in uw browser. Er wordt niets naar een server gestuurd. Plak JS of upload een bestand; ontvang geminificeerde uitvoer. Voor formatteren (het omgekeerde), gebruik de JavaScript Formatter. Voor validatie, gebruik de JavaScript Validator. Voor sterkere bescherming, gebruik de JavaScript Obfuscator.
Hoe deze tool te gebruiken
Plakken of uploaden
Plak JavaScript in het linkerpaneel of upload een .js- of .txt-bestand. Gebruik Voorbeeld om voorbeeldcode te laden. Gebruik Wissen om te resetten.
Geminificeerde uitvoer bekijken
Het rechterpaneel toont geminificeerde code. Witruimte en opmerkingen zijn verwijderd. Ongeldige JS toont een fout.
Kopiëren of downloaden
Gebruik Kopiëren of Downloaden voor de geminificeerde code. Voor productie, overweeg ook gzip- of brotli-compressie.
JavaScript Minifier-voorbeelden
Hier is een voorbeeld van het minificeren van geformatteerde JavaScript-code.
Voorbeeld: API fetch-functie
Geformatteerde invoer:
Geminificeerde uitvoer:
Wanneer de JavaScript Minifier helpt
Bij het voorbereiden van productiebundels met webpack of rollup, het verminderen van bandbreedte of het optimaliseren van laadtijden, verkleint minificatie JS-bestanden. Gebruik met build-tools of handmatig voor snelle controles. Voor obfuscatie (moeilijker om te reverse-engineeren), gebruik de JavaScript Obfuscator.
Veelgestelde vragen
Zijn mijn gegevens privé?
Ja. Minificatie vindt volledig plaats in uw browser. Geen gegevens worden naar een server gestuurd.
Minifier vs Obfuscator?
Minifier verkleint code voor grootte. Obfuscator maakt code moeilijker te lezen en reverse-engineeren. Obfuscatie omvat vaak minificatie.
Breekt het mijn code?
Geldige minificatie behoudt het gedrag. Puntkomma-invoeging en edge cases kunnen problemen veroorzaken; test de uitvoer.
En source maps?
Deze tool genereert geen source maps. Voor productiebuilds met source maps, gebruik webpack, rollup of Vite. Zie MDN over source maps.
Kan ik unminify?
Gebruik de JavaScript Formatter om inspringing toe te voegen. Het herstelt geen opmerkingen of oorspronkelijke variabelnamen.