Minifie du JavaScript avec Terser — suppression des commentaires et des espaces, raccourcissement des noms de variables locales, simplification des expressions — ou remet du code minifié dans une forme lisible. Terser étant un véritable analyseur, la syntaxe moderne (fonctions fléchées, classes, chaînage optionnel) est traitée correctement, et une erreur de syntaxe donne un message clair plutôt qu'une sortie cassée.
Minifier vs. Embellir
Minifier réduit votre JavaScript à la plus petite taille fonctionnelle — en supprimant les commentaires et les espaces, en raccourcissant les noms de variables locales et en simplifiant les expressions. Il est propulsé par Terser, un véritable analyseur JavaScript, de sorte que la syntaxe moderne (fonctions fléchées, littéraux de gabarit, classes, chaînage optionnel) est correctement gérée au lieu d'être cassée par un simple remplacement de texte ; si votre code contient une erreur de syntaxe, vous recevrez un message clair l'indiquant. Embellir fait l'inverse : cela ré-indente un code minifié ou désordonné pour qu'il redevienne lisible.
Comment utiliser le Minificateur JavaScript
- Coller — collez le JavaScript à minifier ou à embellir dans la zone de saisie ci-dessus.
- Choisir l'indentation — 2 espaces, 4 espaces ou tabulation (appliquée uniquement au résultat de l'embellissement, sans effet sur la minification).
- Exécuter — appuyez sur « Minifier » ou « Embellir ». Au premier « Minifier », la bibliothèque Terser est téléchargée une fois avant l'exécution.
- Copier — consultez l'indicateur de taille économisée et copiez le résultat dans le presse-papiers avec le bouton « Copier ».
La syntaxe moderne (fonctions fléchées, classes, etc.) est-elle minifiée en toute sécurité ?
Oui. La minification est réalisée par Terser, un véritable analyseur JavaScript, qui comprend et traite donc correctement la syntaxe ES moderne comme les fonctions fléchées, les littéraux de gabarit, les classes, le chaînage optionnel et la déstructuration. Les littéraux d'expression régulière ou les textes ressemblant à des commentaires à l'intérieur d'une chaîne — qu'un simple remplacement de texte aurait cassés — sont eux aussi préservés intacts.
La minification change-t-elle le comportement du code ?
Non. Terser n'effectue que des transformations qui préservent le comportement du code — le raccourcissement des noms de variables locales, la suppression du code mort et la simplification des expressions sont tous réalisés en toute sécurité pour un résultat identique. En revanche, les identifiants exposés à l'extérieur, comme les noms de variables ou de fonctions globales, ne sont pas renommés arbitrairement, car d'autres codes peuvent y faire référence.
Que se passe-t-il en cas d'erreur de syntaxe ?
Comme Terser analyse réellement le code, en présence d'une erreur de syntaxe telle qu'une parenthèse mal appariée ou un jeton invalide, il interrompt la minification et affiche un message d'erreur clair indiquant l'emplacement du problème (ligne et colonne). Plutôt que de produire silencieusement un résultat erroné, il vous dit où corriger : corrigez l'endroit indiqué par le message, puis réessayez.
Mon code est-il téléversé ? Pourquoi cette courte pause à la première minification ?
Rien n'est téléversé — tout s'exécute dans votre navigateur. Le minificateur Terser est une grande bibliothèque, donc pour que cette page se charge rapidement, il n'est récupéré que la première fois que vous appuyez sur Minifier (vous verrez peut-être une brève pause « Minification… » une seule fois) ; ensuite il est mis en cache. Embellir est instantané. Une fois terminé, l'indicateur de taille montre combien d'octets la minification a permis d'économiser, et Copier place le résultat dans votre presse-papiers.