Développeur 🔒 Fonctionne dans votre navigateur — aucune donnée envoyée

Minificateur JavaScript

Rendez un script aussi léger que possible avec Terser, le minificateur qu'utilise webpack, sans l'envoyer nulle part.

Entrée
Sortie

Minifier du JavaScript en ligne

Un script minifié se télécharge et s'analyse plus vite. Cette page est le formateur de code réglé sur la minification JavaScript. Elle utilise Terser, chargé dans la page la première fois que vous minifiez : votre code est donc traité sur votre propre machine.

Ce que fait Terser

  • Supprime les espaces et les commentaires dont le moteur n'a pas besoin.
  • Raccourcit les noms locaux : function add(first, second) devient function add(d,n).
  • Simplifie le code quand le résultat est garanti identique, par exemple en supprimant les branches inatteignables.
  • S'arrête sur les erreurs de syntaxe et indique la ligne et la colonne, au lieu de produire une sortie cassée.

Un petit exemple

Une fonction de six lignes avec un commentaire, function add(first, second) { return first + second; } suivie de console.log(add(1, 2));, ressort sous la forme function add(d,n){return d+n}console.log(add(1,2)); : le commentaire et les espaces ont disparu, et les deux paramètres portent des noms d'une lettre, car rien en dehors de la fonction ne peut les voir.

À garder en tête

  • Conservez l'original : le code minifié sert à la livraison, pas à la modification.
  • Les commentaires de licence qui commencent par /*! ou contiennent @license sont conservés ; tous les autres commentaires sont supprimés.
  • Pour une application entière, minifiez dans votre chaîne de build, afin que cela se fasse à chaque version.

Outils associés

Pour lire du code minifié, utilisez l'embellisseur JavaScript. Pour les feuilles de style, utilisez le minificateur CSS.