🟨
ChatGPT intermediate

Guia para code bundling em JavaScript

Prompt gerado automaticamente para Code bundling em JavaScript

2 usos JavaScript

Prompt completo

"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."

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