Minificador de JavaScript
Deixe um script o menor possível com o Terser, o mesmo minificador que o webpack usa, sem enviá-lo a lugar nenhum.
Minificar JavaScript online
Um script minificado é baixado e analisado mais rápido. Esta página é o Formatador de código configurado para minificar JavaScript. Ela usa o Terser, que é carregado na página na primeira vez que você minifica, então o seu código é processado na sua própria máquina.
O que o Terser faz
- Remove espaços e comentários de que o motor não precisa.
- Encurta nomes locais:
function add(first, second)virafunction add(d,n). - Simplifica o código quando o resultado é garantidamente o mesmo, por exemplo removendo ramos inalcançáveis.
- Para em erros de sintaxe e informa a linha e a coluna, em vez de gerar uma saída quebrada.
Um pequeno exemplo
Uma função de seis linhas com um comentário, function add(first, second) { return first + second; } seguida de console.log(add(1, 2));, sai como function add(d,n){return d+n}console.log(add(1,2));: o comentário e os espaços sumiram, e os dois parâmetros ganharam nomes de uma letra, porque nada fora da função consegue vê-los.
Pontos de atenção
- Guarde o original: código minificado é para publicar, não para editar.
- Comentários de licença que começam com
/*!ou contêm@licensesão mantidos; todos os outros comentários são removidos. - Para aplicações inteiras, minifique no seu pipeline de build, para que isso aconteça em cada release.
Ferramentas relacionadas
Para ler código minificado, use o formatador de JavaScript. Para folhas de estilo, use o minificador de CSS.