Formattatore e Minificatore JavaScript

Cos'è la Formattazione JavaScript?

Funzionalità Principali

Esempi

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}}

Casi d'Uso Comuni

Leggere codice minificato

Abbellisci uno script minificato o offuscato per capirlo e debuggarlo.

Revisione del codice

Formatta il JavaScript prima di una pull request per codice coerente e confrontabile.

Bundle di produzione leggeri

Minifica il JavaScript di produzione con Terser per ridurre i byte e velocizzare il caricamento.

Riordinare un frammento

Riformatta un rapido incolla dalla console o da un gist in codice pulito e leggibile.

Dettagli Tecnici

Abbellito con js-beautify

Usa il collaudato motore js-beautify per un'indentazione e una spaziatura prevedibili e configurabili.

Minificato con Terser

Terser è il minificatore JavaScript di riferimento — rinomina le variabili locali, rimuove il codice morto e i commenti preservando il comportamento.

Basato su browser

Viene eseguito interamente lato client; il tuo codice non lascia mai il dispositivo o raggiunge un server.

Buone Pratiche

Formatta il sorgente, minifica per la produzione

Mantieni codice leggibile nel repository e lascia che la build minifichi con Terser.

Minifica la sintassi moderna con attenzione

Terser lavora con JavaScript standard; proposte molto recenti potrebbero richiedere prima una fase di transpilazione.

Non modificare manualmente l'output minificato

Le variabili rinominate rendono il codice minificato difficile da mantenere — modifica il sorgente, poi ri-minifica.

Domande Frequenti