Embeleze JavaScript, ou minifique e veja quantos bytes saíram
Funciona no seu navegador. Nada do que você digita é enviado a lugar nenhum.Formatar JavaScript aplica recuo e coloca as instruções onde dá para ler; minificar remove nomes e espaços para produção. Os bytes removidos são mostrados, então a economia num bundle de 50 KB fica visível antes de publicar. Seu código é analisado no navegador e nunca é enviado.
Esta página foi traduzida automaticamente do original em inglês. Nenhuma pessoa revisou ainda a tradução; a versão em inglês é a que deve ser considerada. Ler o original em inglês
Cole JavaScript ou JSX na caixa, ou toque em Testar um exemplo; TypeScript não é suportado.
Mantenha Embelezar para reformatar com Prettier, ou escolha Minificar para reduzir com terser.
Ajuste Recuo, Quebrar em, Ponto e vírgula e Aspas simples para Embelezar, ou as opções mostradas para Minificar.
Toque em Copiar ou Baixar para levar o resultado.
Este formatador de JavaScript faz as duas coisas que se espera de um arquivo de script. Embelezar passa o código pelo Prettier e devolve o mesmo código organizado do seu jeito: dois espaços, quatro espaços ou um tab, com ou sem ponto e vírgula, aspas simples ou duplas e a largura de linha que você escolher. Minificar passa pelo terser e devolve o menor arquivo equivalente, com o tamanho antes, o tamanho depois e a porcentagem economizada.
Ele serve para as pequenas tarefas que interrompem o dia. Um trecho copiado de uma resposta na internet usa um estilo que seu projeto não usa. Um arquivo herdado tem três instruções por linha. Você quer ter uma ideia de quanto uma função auxiliar vai ocupar depois de publicada, antes de decidir escrevê-la você mesmo. E às vezes precisa do contrário: um bundle minificado expandido o bastante para entender o que um script de terceiros está fazendo.
Minificar tem duas chaves. Renomear variáveis locais para letras únicas é de onde vem a maior parte da economia e não muda nada que se possa observar de fora. Manter os nomes de funções custa alguns bytes, mas deixa legíveis os stack traces e tudo o que lê o nome de uma função, o que importa se você envia erros para um serviço de monitoramento.
A ferramenta lê JavaScript puro e JSX. TypeScript não é suportado: se você colar, o erro de análise não serviria para nada, então a página verifica antes e diz qual construção de TypeScript encontrou, como um alias de tipo ou um parâmetro tipado. Tudo roda no seu navegador, então código não lançado e qualquer coisa com uma chave nunca saem do seu dispositivo.
Sim. Sem cadastro, sem limite de tamanho e sem teto de quantos arquivos você processa. A página é paga por alguns anúncios exibidos fora da ferramenta, e nada é inserido no seu código.
Não. Tanto o Prettier quanto o terser rodam no seu navegador. Código não lançado, endpoints internos ou uma chave de API dentro de um objeto de configuração nunca saem do seu dispositivo, e nada fica guardado depois que você fecha a aba.
Não. Ele lê JavaScript puro e JSX. Se você colar TypeScript, a página diz qual construção encontrou, como um alias de tipo ou um parâmetro tipado, em vez de mostrar um erro de análise que não explica nada. Tire os tipos primeiro ou use um editor que entenda TypeScript.
Código-fonte legível com comentários costuma cair de 40 a 60 por cento, e bem mais quando tem nomes de variáveis longos e linhas em branco. Código já minificado quase não muda. O número exato de bytes é mostrado, para você comparar.
Mangling renomeia variáveis locais e argumentos de funções para letras únicas. Nada fora do arquivo enxerga esses nomes, então o comportamento não muda, e costuma ser a maior economia isolada. Nomes exportados e propriedades de objetos ficam intactos.
Você recupera o layout, não os nomes. Embelezar acrescenta quebras de linha, recuo e espaçamento para o código ficar legível, mas um minificador descarta os nomes de variáveis e os comentários originais, e nenhuma ferramenta consegue recuperá-los.
Ainda com dúvidas? Pergunte sobre Formatador e minificador de JavaScript e qualquer pessoa que saiba pode responder. Não é preciso ter conta.