Formattatore JS

Informazioni sulla formattazione JavaScript

La minificazione rimuove commenti e spazi dal JavaScript e abbrevia i nomi dove è sicuro farlo, producendo file più piccoli per la produzione. L'abbellimento fa l'opposto — reindenta ed espande il codice per renderlo di nuovo leggibile.

Qui la minificazione avviene con Terser, lo stesso motore usato dalla maggior parte delle moderne pipeline di build JavaScript, quindi l'output corrisponde a ciò che produrrebbe un bundler di produzione. Minificare e abbellire cambiano sempre solo spazi, commenti e — dove è dimostrabilmente sicuro — nomi degli identificatori; non traspilano mai la sintassi per browser più vecchi né aggiungono polyfill, quindi il codice che usa una funzionalità assente nei browser di destinazione dovrà comunque essere gestito separatamente. Nessuna delle due direzioni produce una source map; tratta quindi l'output abbellito come una copia di lettura, non come un sostituto diretto del codice sorgente originale durante il debug.

Dove lo incontrerai

• Ridurre uno script prima di distribuirlo in produzione
• Riformattare un bundle di terze parti minificato per leggerlo o eseguirne il debug
• Pulire codice copiato da una fonte minificata
• Uniformare la formattazione prima di incollare il codice nella documentazione

Domande frequenti

La minificazione può rompere il mio codice?
La minificazione preserva il comportamento — cambiano solo spazi, commenti e, dove sicuro, gli identificatori. Il codice che dipende dalla formattazione esatta della fonte, cosa rara, potrebbe essere influenzato.

Questo offusca il mio codice?
No. La minificazione riduce le dimensioni; l'offuscamento rende il codice deliberatamente difficile da leggere. Questo strumento fa solo la prima cosa.

Il mio codice viene inviato altrove?
No. Viene elaborato sul server solo per quella richiesta e non viene memorizzato né registrato.

Questo strumento genera una source map?
No. Una source map permette al debugger di un browser di mostrare il codice sorgente originale non minificato mentre viene eseguito il file minificato, ma questo richiede di conservare la mappatura insieme al codice distribuito — al di fuori dell'ambito di uno strumento di conversione al volo come questo. Se ti servono source map in produzione, generale come parte del tuo normale passaggio di build, dove il file di mappatura può essere ospitato o caricato insieme al bundle.