Formateur JS

À propos du formatage JavaScript

La minification du JavaScript supprime les commentaires, les espaces, et raccourcit les noms quand c'est sûr, produisant des fichiers plus petits pour la production. Le formatage fait l'inverse — il réindente et développe le code pour qu'il soit de nouveau lisible.

La minification utilise ici Terser, le même moteur qu'utilisent la plupart des chaînes de build JavaScript modernes, donc le résultat correspond à ce qu'un bundler de production produirait. Minifier et embellir ne changent jamais que les espaces, les commentaires et — quand c'est démontrablement sûr — les noms d'identifiants ; ces opérations ne transpilent jamais la syntaxe pour d'anciens navigateurs et n'ajoutent aucun polyfill, donc du code utilisant une fonctionnalité absente de vos navigateurs cibles devra toujours être traité séparément. Aucune des deux directions ne produit de source map ; considérez donc le résultat embelli comme une copie de lecture, pas comme un remplacement direct du code source original pour le débogage.

Où vous le rencontrerez

• Réduire un script avant de le déployer en production
• Reformater un bundle tiers minifié pour le lire ou le déboguer
• Nettoyer du code copié depuis une source minifiée
• Uniformiser le formatage avant de coller du code dans une documentation

Questions fréquentes

La minification peut-elle casser mon code ?
La minification préserve le comportement — seuls les espaces, commentaires et, quand c'est sûr, les identifiants changent. Un code qui dépend du formatage exact de la source, ce qui est rare, pourrait être affecté.

Cela obscurcit-il mon code ?
Non. La minification réduit la taille ; l'obscurcissement rend délibérément le code difficile à lire. Cet outil ne fait que la première opération.

Mon code est-il envoyé ailleurs ?
Non. Il est traité sur le serveur pour cette seule requête et n'est ni stocké ni journalisé.

Cet outil génère-t-il une source map ?
Non. Une source map permet au débogueur d'un navigateur d'afficher le code source original non minifié pendant l'exécution du fichier minifié, mais cela suppose de conserver cette correspondance à côté du code déployé — hors du cadre d'un outil de conversion ponctuelle comme celui-ci. Si vous avez besoin de source maps en production, générez-les dans le cadre de votre étape de build habituelle, où le fichier de correspondance peut être hébergé ou téléversé aux côtés du bundle.