Minificateur JavaScript
Minifiez du JavaScript avec Terser : suppression des espaces et commentaires, noms de variables locales raccourcis, compressions sûres. En local, sans envoi.
S'exécute entièrement dans votre navigateur. Vos données ne sont jamais envoyées.
Outils Connexes
Voir ToutQu'est-ce que Minificateur JavaScript ?
Le minificateur JavaScript compresse le JavaScript moderne (ES2015+) avec Terser, le minificateur utilisé par webpack et Vite. Il supprime espaces et commentaires, renomme les variables locales avec des noms courts et simplifie les expressions.
Comment utiliser Minificateur JavaScript
- Collez votre JavaScript dans la zone de saisie.
- Cliquez sur Minifier (le résultat se met aussi à jour pendant la saisie).
- Consultez la ligne de taille sous le résultat.
- Copiez ou téléchargez le code minifié.
Exemple
function add(first, second) {
return first + second;
}
console.log(add(1, 2)); function add(d,n){return d+n}console.log(add(1,2)); Quand utiliser Minificateur JavaScript
Utilisez-le pour de petits scripts, des bookmarklets, des blocs <script> en ligne ou des vérifications rapides de taille. Pour des applications, laissez votre bundler minifier avec des source maps. Il ne transpile ni TypeScript ni JSX : retirez d'abord les types.
Comment fonctionne Minificateur JavaScript
Le code est minifié avec terser.minify, avec compress et mangle activés et tous les commentaires supprimés. Terser analyse le code en AST, intègre les constantes, supprime le code mort et les variables inutilisées dans les portées locales, et renomme les identifiants locaux aux fonctions. Les noms de premier niveau ne sont pas renommés : les fonctions globales gardent donc leur nom. Les erreurs de syntaxe sont signalées avec ligne et colonne.
Cas d'utilisation courants
- Minifier un script autonome pour un site statique
- Créer des bookmarklets compacts
- Vérifier la taille obtenue pour une fonction de bibliothèque
- Supprimer les commentaires avant d'intégrer du code
Note de Sécurité
Tout s'exécute localement dans votre navigateur : le code que vous collez n'est pas envoyé.
Questions Fréquentes
Pourquoi les noms de variables de premier niveau ne sont-ils pas raccourcis ?
Les noms de premier niveau peuvent être utilisés par d'autres scripts ; Terser les conserve donc par défaut.
Prend-il en charge TypeScript ou JSX ?
Non, l'entrée doit être du JavaScript pur.
Une source map est-elle générée ?
Non ; utilisez votre outil de build si vous avez besoin de source maps.