Webpack Bundle Analyzer

Um analisador preciso para desenvolvedores inspecionarem bundles Webpack, entenderem a distribuição de tamanhos e priorizarem otimizações para melhorar o desempenho da build.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
916+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

About This Tool

Esta ferramenta analisa bundles Webpack usando stats.json para revelar como um bundle consome seu orçamento de tamanho. Ao ingerir um stats.json, calcula tamanhos por módulo, desdobramento de pontos de entrada e um grafo de dependências para mostrar de onde vêm a maior parte dos bytes. Conceitualmente, trata a build como um grafo onde cada nó é um módulo e as arestas representam imports; a ferramenta agrega tamanhos ao longo de caminhos para destacar módulos pesados. Suporta módulos CommonJS e ESM, imports dinâmicos e artefatos de code-splitting. A saída ajuda engenheiros frontend, engenheiros de desempenho e equipes de plataforma a identificar oportunidades de otimização, como remover dependências pesadas, ajustar faixas de code-splitting ou substituir bibliotecas pesadas. O valor único reside na análise rápida e local sem serviços na nuvem, e visualizações detalhadas da composição de entrypoints e tendências a nível de módulo. Funções-chave: tamanho por entrypoint, principais responsáveis, desdobramento por pacote e caminho, e relatório exportável para CI. Casos de uso: otimizar uma SPA, auditar bundles de fornecedores entre micro-frontends e validar orçamentos de desempenho em pipelines CI.

How to Use

  1. Forneça entradas: aponte para o arquivo stats.json do Webpack ou gere-o durante a build instrumentada.
  2. Escolha o modo de análise: desdobramento por entrypoint ou árvore de módulos completa.
  3. Execute o cálculo: inicie o analisador para calcular tamanhos e dependências.
  4. Revise as saídas: examine os principais responsáveis, gráfico de dependências e tamanho por caminho.
  5. Exporte os resultados: salve relatórios JSON/HTML ou compare builds ao longo do tempo.
How to use webpack bundle analyzer npm

Frequently Asked Questions

Find Quick Answers

Quais dados de entrada são necessários?
O ferramenta requer um arquivo Webpack stats.json (ou equivalente) que inclua tamanhos de módulos, pontos de entrada e informações de dependências. Não é necessária nenhuma processamento no servidor e funciona localmente.
Posso comparar dois builds?
Sim. Você pode comparar dois arquivos de stats para identificar mudanças nos tamanhos de módulos e na composição de pontos de entrada, ajudando a validar otimizações e conformidade com o orçamento de CI.
Suporta imports dinâmicos e code splitting?
Sim. Ele resolve imports dinâmicos e mostra como os chunks de code-splitting contribuem para o tamanho total do bundle.
É adequado para monorepos?
Sim. Pode analisar bundles de várias packages, agregar tamanhos e oferecer uma visão consolidada de dependências compartilhadas.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Web & SEO Tools

Conversor Spotify para MP3

Converte arquivos de áudio fornecidos localmente para MP3, permitindo ouvir offline e compatibilidad...

Web & SEO Tools

Calculadora de Distância Rodoviária

Calculadora de distância rodoviária para viajantes, planejadores logísticos e motoristas, para estim...

Web & SEO Tools

Calculadora de Idade

Determine rapidamente a idade de uma pessoa a partir da sua data de nascimento com nossa calculadora...

Web & SEO Tools

Conversor de moedas

Converta rapidamente valores entre diferentes moedas com nosso conversor de moedas online gratuito,...

Your Feedback Matters

Help Us to Improve