Formateur et Minificateur JavaScript

Qu'est-ce que la mise en forme JavaScript ?

Fonctionnalités clés

Exemples

function add(a,b){return a+b}const doubled=[1,2,3].map(x=>x*2);console.log(doubled)

async function load(id){const r=await fetch(`/api/${id}`);if(!r.ok)throw new Error('bad');return r.json()}

const cfg={retries:3,timeout:5000,headers:{'Content-Type':'application/json'},onError(e){console.warn(e)}}

class Counter{#n=0;inc(){this.#n++}get value(){return this.#n}}

Cas d'utilisation courants

Lire du code minifié

Embellissez un script minifié ou obfusqué pour le comprendre et le déboguer.

Revue de code

Mettez en forme le JavaScript avant une pull request pour du code cohérent et lisible en diff.

Livrer des bundles plus légers

Minifiez le JavaScript de production avec Terser pour réduire les octets et accélérer le chargement.

Nettoyer un extrait

Remettez en forme un copier-coller rapide depuis la console ou un gist en code propre et lisible.

Détails techniques

Embellissement avec js-beautify

Utilise le moteur js-beautify éprouvé pour une indentation et des espacements prévisibles et configurables.

Minification avec Terser

Terser est le minificateur JavaScript de référence — il renomme les variables locales, supprime le code mort et les commentaires tout en préservant le comportement.

Basé sur le navigateur

S'exécute entièrement côté client ; votre code ne quitte jamais votre appareil ni n'atteint un serveur.

Bonnes pratiques

Formater la source, minifier pour la production

Conservez du code lisible dans votre dépôt et laissez votre build minifier avec Terser.

Minifier la syntaxe moderne avec prudence

Terser cible le JavaScript standard ; les propositions très récentes peuvent nécessiter une étape de transpilation préalable.

Ne pas modifier manuellement la sortie minifiée

Les variables renommées rendent le code minifié difficile à maintenir — modifiez la source, puis reminifiez.

Questions fréquentes