Minificador / Embelezador de JavaScript

Todas as ferramentas

JavaScript de Entrada

JavaScript de Saída

Tamanho original

0 B

Tamanho de saída

0 B

Economia

0 B

Status

Aguardando entrada

Sobre este minificador e embelezador de JavaScript

Esta ferramenta comprime JavaScript removendo comentários, espaços extras e formatação desnecessária de trechos e scripts pequenos.

Ela também pode embelezar JavaScript compacto em uma estrutura mais legível para revisão, depuração e edições rápidas.

Como usar

Cole o JavaScript no campo de entrada.
Escolha Minificar para comprimir o código ou Embelezar para formatá-lo.
Copie o resultado e use na sua página, trecho ou notas de build.

Dicas

Use JavaScript minificado para pequenos trechos inline ou reduções rápidas.
Use a saída embelezada ao revisar trechos de terceiros ou código gerado.
Para bundles de produção, prefira a ferramenta de build do seu projeto para preservar source maps e o tratamento de sintaxe moderna.

Verificações após minificar JavaScript

Não execute código colado

Esta ferramenta trata o JavaScript como texto, mas mesmo assim evite colar código não confiável em projetos de produção sem revisão.

Source maps ficam em outro lugar

A minificação de trechos não cria source maps. Para bundles de aplicações, use sua ferramenta de build para que a depuração continue possível.

Revise a sintaxe moderna

JavaScript gerado ou muito moderno pode precisar de transpilação específica do projeto, tree shaking ou targeting de ambiente.

Teste depois de copiar

Rode seus testes habituais ou verificações no navegador após substituir JavaScript, principalmente quando o código contém strings, regex ou template literals.

Verificações de minificação JavaScript antes da produção

A minificação pode alterar o código quando suposições sobre sintaxe, nomes, efeitos, módulos ou runtime estão erradas.

Runtime de destino

Defina o alvo ECMAScript e navegador para evitar sintaxe não suportada ou transformações inseguras.

Preservação de nomes

Preserve nomes de funções e classes quando frameworks, reflexão, injeção, stack traces ou serialização dependerem deles.

Efeitos colaterais

Revise tree shaking, anotações pure, getters, inicialização de módulos e código dependente da ordem.

Capacidade de diagnóstico

Gere source maps protegidos, envie-os ao serviço de erros e teste o bundle minificado.

Ferramentas relacionadas

Você também pode achar essas ferramentas úteis.

Minificador / Formatador de HTML

Comprima e formate código HTML instantaneamente.

SEO e Webmaster

Minificador / embelezador CSS

Minimize o CSS para reduzir o tamanho do arquivo ou embeleze o CSS compactado para facilitar a leitura.

Utilitários Diversos

Formatador JSON

Formate e reduza JSON instantaneamente.

Dados e Formatação

Teste expressões regulares em relação ao texto e veja as correspondências instantaneamente.

Texto e Conteúdo

Perguntas frequentes do minificador JavaScript

Esta ferramenta executa meu JavaScript?

Não. Ela trata sua entrada como texto e não executa o código.

Ela substitui um bundler?

Não. É melhor para trechos e formatação rápida. Apps de produção devem usar um pipeline de build como esbuild, Rollup ou Webpack.

Ela pode embelezar JavaScript minificado?

Sim. Embelezar adiciona quebras de linha e indentação para inspecionar mais facilmente o JavaScript compacto.

A minificação vai mudar o comportamento?

Ela é projetada para preservar strings e sintaxe simples, mas JavaScript moderno complexo deve ser verificado na sua própria suíte de testes.