🟨
ChatGPT intermediate

Estratégias de code bundling em JavaScript

Prompt gerado automaticamente para Code bundling em JavaScript

2 usos JavaScript

Prompt completo

"Você é um especialista em otimização de performance e tooling JavaScript. Elabore um guia detalhado e prático, para desenvolvedores front-end de nível intermediário, sobre como escolher a ferramenta de *code bundling* mais adequada (Webpack, Rollup, Vite, Parcel, etc.) para um projeto JavaScript moderno. O guia deve abordar os seguintes pontos, de forma comparativa e com exemplos concisos de código ou configuração:

1.  **Cenários de Uso:** Para quais tipos de projetos (SPA, bibliotecas/componentes, micro-frontends, aplicações Node.js) cada *bundler* se destaca?
2.  **Configuração e Curva de Aprendizado:** Qual a complexidade da configuração inicial e da manutenção para cada um? Dê um breve exemplo de configuração mínima para um cenário comum (ex: React com TypeScript).
3.  **Performance:** Como cada *bundler* se comporta em termos de velocidade de *build* (primeiro e incrementais) e tamanho do *output* final (minificação, *tree-shaking*, *code splitting*)?
4.  **Ecossistema e Suporte:** Disponibilidade de plugins, *loaders*, documentação, comunidade e integração com outras ferramentas populares (ESLint, Prettier, testes).
5.  **Recursos Avançados:** Aborde sucintamente o suporte a HMR (Hot Module Replacement), CSS-in-JS, Web Workers e otimizações específicas.
6.  **Decisão Final:** Crie um fluxograma ou uma tabela de decisão simples que ajude o desenvolvedor a fazer a escolha final com base nas necessidades do projeto.

O tom deve ser técnico, mas acessível, e focar na aplicabilidade prática das informações."

Tags relacionadas

JavaScript Code bundling gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico