Compressor de JavaScript com Source Map
Minifique JavaScript e gere um arquivo Source Map v3 online de graça, sem ferramentas de build. Nosso compressor de JavaScript com source map produz o .min.js para produção e o arquivo .map para depuração, ambos baixáveis como ZIP. Funciona inteiramente no seu navegador, então seu código nunca sai do seu dispositivo. Sem cadastro.
JavaScript Input
Any JavaScript - ES5, ES6+, modules, scripts
Minified JS Output
Read-only - copy or download the minified output
About source maps
Source maps let browser DevTools map minified code back to the original source for debugging. Deploy the .min.js to production and keep the .map file on your server - the //# sourceMappingURL comment in the minified file tells DevTools where to find it.
Por que usar nosso compressor de JavaScript com Source Map?
- Minificação de JS com Source Map instantânea: nosso compressor de JavaScript com source map minifica seu código e gera um arquivo Source Map v3 válido na hora, no navegador - sem idas e vindas ao servidor e sem ferramentas de build. Tenha o .min.js e o .map em segundos, prontos para produção.
- Compressor de JavaScript online seguro: seu código JavaScript nunca sai do seu dispositivo. Nosso compressor de JavaScript com source map online roda inteiramente no lado do cliente - nenhum código é enviado a servidor algum. Minifique com tranquilidade lógica de negócio proprietária, integrações de API ou código sensível, sem nenhum risco à privacidade.
- Geração de Source Map v3: nosso compressor de JavaScript gera um arquivo JSON Source Map v3 totalmente válido, com mapeamentos codificados em Base64 VLQ, sourcesContent embutido e o comentário sourceMappingURL correto. As DevTools do navegador podem usar o mapa para mostrar o código original durante a depuração, mesmo em produção.
- 100% grátis para sempre: use nosso compressor de JavaScript com source map totalmente de graça, sem custos ocultos, sem cadastro, sem anúncios e sem limites de uso. Minifique e gere source maps online quantas vezes precisar - para projetos pessoais, trabalho profissional ou uso empresarial. Grátis para sempre.
O que é um compressor de JavaScript com Source Map?
Um compressor de JavaScript com source map é uma ferramenta que minifica código JavaScript para reduzir o tamanho do arquivo e, ao mesmo tempo, gera um arquivo Source Map v3 que mapeia posições da saída minificada de volta ao código-fonte original. Isso permite que as DevTools do navegador mostrem o código original e legível durante a depuração, mesmo ao servir JavaScript minificado em produção. Nosso compressor de JavaScript com source map online grátis implementa um minificador baseado em tokenizer e um codificador de source map Base64 VLQ, rodando inteiramente no seu navegador sem envio a servidor.
Como funciona nosso compressor de JavaScript com Source Map
- 1 Cole ou envie seu JavaScript: insira seu JavaScript no painel de entrada ou clique em "Enviar .js" para carregar um arquivo. Defina o nome do arquivo - ele é usado no campo sources do source map e nos nomes dos arquivos de saída.
- 2 Configure e minifique: escolha suas opções de minificação (remover comentários, colapsar espaços, remover console.log, remover debugger). Clique em "Minificar + gerar source map" - todo o processamento acontece localmente no seu navegador, com total privacidade.
- 3 Baixe os dois arquivos: baixe os arquivos .min.js e .map separadamente, ou clique em "Baixar ambos (.zip)" para obtê-los juntos. Publique o .min.js no seu servidor e coloque o .map no mesmo caminho - o comentário no arquivo minificado informa às DevTools onde encontrá-lo.
O que é minificado
- Comentários removidos: comentários de uma linha ( // ) e de várias linhas são removidos da saída, reduzindo o tamanho do arquivo sem afetar a funcionalidade.
- Espaços em branco colapsados: espaços, tabulações e quebras de linha desnecessários entre tokens são removidos. Os espaços necessários entre palavras-chave e identificadores são preservados para manter uma sintaxe JavaScript válida.
- Strings preservadas: strings, template literals e expressões regulares são preservados literalmente - o minificador nunca modifica o conteúdo das strings, evitando quebras acidentais.
- Source Map gerado: um arquivo JSON Source Map v3 com mapeamentos codificados em Base64 VLQ, sourcesContent embutido e o comentário sourceMappingURL correto é gerado junto com a saída minificada.
Como usar o Source Map em produção
Publique script.min.js no seu servidor web ou CDN. Coloque script.min.js.map no mesmo caminho de URL (por exemplo, /js/script.min.js.map). O comentário no fim do arquivo minificado informa às DevTools do navegador onde buscar o mapa. No Chrome DevTools, abra o painel Sources - você verá o arquivo-fonte original listado sob o domínio. Por segurança, você pode restringir o acesso ao arquivo .map com regras do servidor, para que apenas desenvolvedores possam acessá-lo.
Perguntas frequentes
Um compressor de JavaScript com source map é uma ferramenta que minifica JavaScript para reduzir o tamanho do arquivo e gera um arquivo Source Map v3 que mapeia posições da saída minificada de volta ao código-fonte original. Nosso compressor de JavaScript com source map online grátis roda inteiramente no seu navegador - sem envio para servidor.
Nosso compressor de JavaScript com source map usa uma abordagem baseada em tokenizer que preserva literalmente todas as strings, template literals e expressões regulares. Comentários e espaços em branco são removidos, e os espaços entre palavras-chave são preservados. Teste a saída minificada antes de publicar em produção.
Com certeza. Nosso compressor de JavaScript com source map processa tudo localmente no seu navegador. Seu código nunca é enviado a nenhum servidor, nunca é armazenado remotamente e nunca sai do seu dispositivo.
Sim - 100% grátis, para sempre. Sem cadastro, sem conta, sem plano premium, sem limites de uso e sem anúncios.
Um Source Map v3 é um arquivo JSON que mapeia posições no código minificado de volta ao código-fonte original usando dados de posição codificados em Base64 VLQ. As DevTools dos navegadores o usam para mostrar o código original no painel Sources, o que torna possível depurar código de produção minificado.
Coloque o arquivo .map no mesmo caminho de URL do arquivo .min.js. O comentário //# sourceMappingURL no fim do arquivo minificado informa às DevTools onde buscar o mapa. Você pode restringir o acesso aos arquivos .map com regras do servidor.
Nosso compressor de JavaScript com source map oferece: remover comentários, colapsar espaços em branco, remover chamadas console.log() e remover instruções debugger. Strings e template literals são sempre preservados literalmente.
Terser e UglifyJS são minificadores completos baseados em AST que alcançam compressão de 30 a 50% melhor por meio de renomeação de variáveis e eliminação de código morto. Nossa ferramenta usa uma abordagem baseada em tokenizer, mais rápida e simples. Use a nossa ferramenta para tarefas pontuais; use o Terser no seu pipeline de build para produção.
Nosso compressor de JavaScript com source map funciona apenas com JavaScript. Para minificar TypeScript, primeiro compile-o para JavaScript com o tsc e depois minifique o .js compilado com a nossa ferramenta.