Guia para code bundling em JavaScript

"Você é um engenheiro de software sênior especializado em otimização de performance web. Desenvolva um guia prático e detalhado para um desenvolvedor JavaScript intermediário sobre como escolher a ferramenta de *code bundling* (Webpack, Rollup, Vite, esbuild, Parcel) mais adequada para um novo projeto, considerando os seguintes cenários:

1.  **Aplicação Single Page Application (SPA) complexa com React e TypeScript**, visando o menor tempo de carregamento inicial e otimização para *tree-shaking*.
2.  **Biblioteca JavaScript de uso geral (utility library)** que será distribuída via npm, focando em tamanho mínimo e compatibilidade com diferentes ambientes.
3.  **Micro-frontend simples com Vanilla JS**, priorizando a velocidade de *build* e facilidade de configuração.

Para cada cenário, explique:
*   A ferramenta recomendada e por quê.
*   As principais configurações e otimizações específicas para atingir os objetivos propostos (ex: *code splitting*, minificação, *caching*, *loaders*/plugins essenciais).
*   Um breve exemplo de código ou configuração relevante (pode ser pseudocódigo ou trechos de configuração do *bundler*).
*   Potenciais desvantagens ou desafios a serem considerados."