Embellisseur JavaScript et TypeScript

Formatez du JS, du TS, du JSX et du TSX avec Prettier, et minifiez du JavaScript avec Terser.

Fonctionne en local · aucun envoi
Input
Output 
À quoi il sert
Collez du code minifié ou simplement mis en forme de façon irrégulière et récupérez-le tel que Prettier le formaterait dans votre éditeur. Passez en mode Minifier pour compresser du JavaScript pur avec Terser. La sortie se met à jour pendant la saisie.
Fonctionnalités
  • JavaScript, TypeScript, JSX et TSX, y compris la syntaxe moderne : chaînage optionnel, décorateurs, génériques, satisfies, import type et composants React.
  • Les options Prettier que les développeurs changent vraiment : 2 espaces, 4 espaces ou des tabulations, largeur de ligne, guillemets simples ou doubles, points-virgules ou non et virgules finales (toutes, ES5 ou aucune).
  • Minification avec Terser : le raccourcissement des noms et la compression s’activent séparément, les commentaires /*! ... */ et @license sont conservés et les modules ES (import / export) sont détectés automatiquement.
  • Erreurs de syntaxe précises avec la ligne et la colonne, un extrait de code avec un repère et un bouton Aller à l’erreur. Si vous collez du TypeScript alors que JS est sélectionné, l’outil vous le signale.
  • Taille avant et après, nombre de lignes et durée. L’ouverture d’un fichier .ts, .tsx ou .jsx sélectionne automatiquement le langage.
Comment l’utiliser
  1. Collez du code, ouvrez un fichier ou déposez-le sur l’entrée. Exemple charge un exemple pour le langage sélectionné.
  2. Choisissez le langage, puis Formater ou Minifier.
  3. Copiez ou téléchargez le résultat. Ctrl+Enter lance le traitement immédiatement.
La minification ne fonctionne qu’avec du JavaScript pur. Terser n’a pas d’analyseur TypeScript ni JSX, et aucune version pour navigateur ne minifie directement le TypeScript : le TS, le JSX et le TSX doivent donc d’abord être compilés en JavaScript (par exemple avec tsc, esbuild ou Babel). Vous pouvez toujours les embellir ici. L’analyseur TypeScript n’est téléchargé que si vous choisissez TS ou TSX, et Terser seulement lors de la première minification.
Confidentialité
Votre code est formaté et minifié dans votre navigateur ; seuls les fichiers Prettier et Terser de version figée sont téléchargés depuis un CDN. Rien n’est envoyé. La dernière saisie est conservée dans le stockage local pour qu’un rechargement ne la perde pas.