Dicas de code bundling para JavaScript

"Você é um especialista em otimização de performance e tooling JavaScript. Elabore um guia detalhado e prático, para desenvolvedores de nível intermediário, sobre como escolher a ferramenta de *bundling* JavaScript mais adequada (Webpack, Rollup, Vite, esbuild, etc.) para diferentes tipos de projetos.

O guia deve cobrir os seguintes pontos:

1.  **Critérios de Avaliação:** Quais métricas e considerações (tamanho final do bundle, tempo de build, facilidade de configuração, suporte a frameworks/libraries específicos, ecossistema de plugins, DX – Developer Experience, otimizações de treeshaking/code splitting) são cruciais ao comparar *bundlers*?
2.  **Cenários de Uso:** Apresente exemplos de projetos (e.g., SPA complexa com React/Vue, biblioteca UI, micro-frontend, aplicação Node.js, Web Component isolado) e justifique qual *bundler* seria o mais indicado para cada um, destacando os prós e contras de cada escolha nesse contexto específico.
3.  **Dicas de Migração:** Se um projeto já usa um *bundler* mais antigo ou menos otimizado, quais seriam os passos e as armadilhas comuns ao migrar para uma ferramenta mais moderna?
4.  **Otimizações Avançadas:** Independentemente da ferramenta escolhida, quais são as técnicas de otimização de *bundling* que todo desenvolvedor deveria conhecer e aplicar (e.g., lazy loading, pré-carregamento, análise de bundle, otimização de dependências, uso de CDN)?

O tom deve ser didático, prático e focado em решения acionáveis. Inclua exemplos de configurações simplificadas quando apropriado para ilustrar os conceitos."