Vite vs Create React App: builds React mais rápidos
Vite é a ferramenta de build moderna e rápida que usa esbuild e Rollup; Create React App é o scaffolder legado baseado em Webpack, hoje sem manutenção.
O Vite oferece inicialização instantânea de dev via ESM nativo e esbuild, com Rollup para builds de produção e um ecossistema rico de plugins. O Create React App foi por muito tempo o scaffolder padrão do React, construído sobre Webpack, mas está efetivamente descontinuado e é mais lento. Novos apps React começam esmagadoramente com o Vite.
| Vite | Create React App | |
|---|---|---|
| Inicialização de dev | Instantânea (ESM nativo) | Lenta (bundle primeiro) |
| Build | Rollup / esbuild | Webpack |
| Manutenção | Ativa | Efetivamente descontinuado |
| Configuração | Flexível, plugins | Oculta / eject |
| Melhor para | Apps React novos | Apenas projetos legados |
No CI
Builds do Vite são mais rápidos e produzem uma saída menor e moderna, com cache direto das dependências. Builds do CRA são mais lentos e a toolchain não é mais mantida. Para projetos novos, o Vite é a escolha clara de CI e dev; migrar do CRA é recomendado.
Acelere
Faça cache do node_modules e do build cache do Vite entre execuções. Ambos compilam em CI runners; runners gerenciados mais rápidos encurtam a etapa de bundle de produção.
O veredito
Use o Vite para qualquer projeto React novo - é mais rápido, moderno e mantido ativamente. O Create React App só faz sentido para apps existentes que você ainda não migrou; planeje essa migração.