Vite, una herramienta de compilación para el frontend, ha seguido madurando y creciendo en popularidad desde que la presentamos en el anillo Evaluar en el Radar anterior. Se está convirtiendo rápidamente en la opción predeterminada entre nuestros equipos al comenzar un nuevo proyecto frontend. Vite proporciona un conjunto de valores predeterminados para construir, empaquetar y administrar dependencias en aplicaciones basadas en módulos ES para el navegador. Dado que aprovecha la velocidad nativa de esbuild y el empaquetador Rollup, Vite mejora significativamente la experiencia de desarrollo frontend. Además, cuando es usado con React, Vite ofrece una atractiva alternativa al incondicional, pero casi extinto Create React App. Vite se basa en módulos ES y, a diferencia de otras herramientas más antiguas, no proporciona reemplazo de código no soportado en navegadores antiguos como lo hacen librerias de shimming y polyfilling, lo que significa que se requiere de una estrategia diferente para navegadores que no soportan módulos ES. En estos casos, algunos de nuestros equipos importan polyfills a nivel de módulo ES para que Vite pueda de esa manera ser consistente en todos los entornos.
El feedback rápido es crucial para una buena experiencia de desarrollador. Nada interrumpe más el flujo de desarrollo que tener que esperar uno o dos minutos antes de recibir comentarios sobre los últimos cambios de código. Desafortunadamente, con las aplicaciones que crecen en tamaño y complejidad, las populares herramientas de compilación para las pipelines de front-end, a menudo ya no son lo suficientemente rápidas. Anteriormente, presentamos esbuild, que ofrece una mejora significativa del rendimiento, ya que se implementa en un lenguaje compilado a nativo en lugar de JavaScript. Vite, construido sobre esbuild, ofrece mejoras significativas sobre otras herramientas. Consta de dos partes principales: un servidor de desarrollo que proporciona mejoras de funciones completas sobre los módulos ES nativos, como el reemplazo de módulo en caliente (HMR) extremadamente rápido, y un comando de compilación que empaqueta su código con Rollup. Vite se basa en módulos ES y, a diferencia de la mayoría de las herramientas más antiguas, no proporciona shimming ni polyfills, lo que significa que no es compatible con navegadores más antiguos que no admiten módulos ES. En aquellos casos en que teníamos que soportar navegadores más antiguos, algunos de nuestros equipos utilizaron Vite durante el desarrollo y otras herramientas para las compilaciones de producción.
