Vite, uma ferramenta para construção de front-end, continuou a amadurecer e crescer em popularidade desde que a apresentamos no anel Avalie do último Radar. Está rapidamente se tornando a escolha padrão entre nossas equipes ao iniciar um novo projeto de front-end. Vite fornece um conjunto de padrões para construir, agrupar e gerenciar dependências em aplicativos que dependem de módulos ES no navegador. Por aproveitar a velocidade nativa do esbuild e do bundler Rollup, Vite melhora significativamente a experiência da pessoa desenvolvedora front-end. Além disso, quando usada com React, Vite oferece uma alternativa atraente para o robusto, mas quase extinto Create React App. Vite depende de módulos ES e, ao contrário da maioria das ferramentas mais antigas, não oferece shimming ou polyfills, o que significa que você precisa de uma estratégia diferente para navegadores mais antigos que não oferecem suporte a módulos ES. Nos casos em que navegadores mais antigos precisam ser suportados, algumas de nossas equipes importam os polyfills no nível do módulo para que Vite possa ser usada de forma consistente em todos os ambientes.
O feedback rápido é crucial para uma boa experiência de desenvolvimento. Nada interrompe mais o fluxo de desenvolvimento do que ter que esperar um ou dois minutos antes de obter feedback sobre as últimas alterações de código. Infelizmente, com as aplicações crescendo em tamanho e complexidade, as ferramentas de build populares para pipelines de front-end muitas vezes não são mais rápidas o suficiente. Anteriormente, incluímos esbuild, que oferece uma melhoria de desempenho significativa, porque é implementado em uma linguagem compilação-para-nativa em vez de JavaScript. Vite, que é construído em cima do esbuild, oferece melhorias significativas em relação a outras ferramentas. Consiste em duas partes principais: um servidor de desenvolvimento que fornece aprimoramentos de recursos ricos em módulos ES nativos, como Hot Module Replacement (HMR) extremamente rápido e um comando de construção que agrupa seu código com Rollup. Vite depende de módulos ES e, ao contrário da maioria das ferramentas mais antigas, não oferece shimming ou polyfills, o que significa que não é compatível com navegadores mais antigos que não suportam módulos ES. Nos casos em que navegadores mais antigos precisavam ser suportados, alguns de nossos times usaram Vite durante o desenvolvimento e outras ferramentas para builds de produção.
