Minificador de JavaScript
Minifique JavaScript com o Terser: remove espaços e comentários, encurta nomes de variáveis locais e aplica compressões seguras. Roda no seu navegador.
Executa totalmente no seu navegador. Seus dados nunca são enviados.
Ferramentas Relacionadas
Ver TodasO que é Minificador de JavaScript?
O Minificador de JavaScript comprime JavaScript moderno (ES2015+) com o Terser, o minificador usado pelo webpack e pelo Vite. Ele remove espaços e comentários, renomeia variáveis locais para nomes curtos e simplifica expressões.
Como usar Minificador de JavaScript
- Cole seu JavaScript na caixa de entrada.
- Clique em Minificar (a saída também é atualizada enquanto você digita).
- Veja a linha de tamanho abaixo da saída.
- Copie ou baixe o código minificado.
Exemplo
function add(first, second) {
return first + second;
}
console.log(add(1, 2)); function add(d,n){return d+n}console.log(add(1,2)); Quando usar Minificador de JavaScript
Use-o para scripts pequenos, bookmarklets, blocos <script> em linha ou checagens rápidas de tamanho. Em aplicações, deixe seu bundler minificar com source maps. Ele não transpila TypeScript nem JSX: remova os tipos antes.
Como funciona Minificador de JavaScript
O código é minificado com terser.minify, com compress e mangle ativados e todos os comentários removidos. O Terser gera uma AST, incorpora constantes, remove código morto e variáveis não usadas em escopos locais e renomeia identificadores locais de funções. Os nomes de nível superior não são ofuscados, então funções globais mantêm seus nomes. Erros de sintaxe são informados com linha e coluna.
Casos de Uso Comuns
- Minificar um script independente para um site estático
- Criar bookmarklets compactos
- Ver quão pequena fica a função de uma biblioteca
- Remover comentários antes de embutir código
Nota de Segurança
Tudo roda localmente no seu navegador; o código que você cola não é enviado a nenhum servidor.
Perguntas Frequentes
Por que os nomes das minhas variáveis de nível superior não são encurtados?
Nomes de nível superior podem ser usados por outros scripts, então o Terser os mantém por padrão.
Ele suporta TypeScript ou JSX?
Não, a entrada deve ser JavaScript puro.
Um source map é gerado?
Não; use sua ferramenta de build quando precisar de source maps.