Vite

¿Qué es Vite?

Vite es una build tool para proyectos web modernos. Hace dos trabajos. Durante el desarrollo levanta un servidor local que actualiza el navegador en el instante en que guardas un archivo. Para producción empaqueta todo en archivos optimizados listos para desplegar. Funciona igual con React, Vue, Svelte y JavaScript a secas.

Lo que hizo destacar a Vite es cómo gestiona el servidor de desarrollo. Las herramientas más antiguas como Webpack empaquetan todo el proyecto antes de poder mostrarte nada, así que el arranque se ralentiza a medida que crece una base de código. Vite se salta eso. Se apoya en el soporte nativo del navegador para módulos ES y sirve cada archivo bajo demanda, lo que significa que el dev server arranca casi al instante por grande que sea el proyecto. Un desarrollador que guarda un retoque de CSS lo ve en el navegador antes de levantar la mano del teclado, con el resto del estado de la app intacto.

Para la build de producción cambia a Rollup por debajo, que produce una salida ligera y optimizada. Feedback rápido mientras trabajas, bundles ajustados cuando publicas. Esa combinación es por la que Vite se ha convertido en el punto de partida por defecto de tantos proyectos web nuevos.

Vite en Dallonses

Vite es la build tool detrás de la mayor parte de nuestro trabajo de front end. El bucle de feedback rápido importa más de lo que parece. Cuando un desarrollador ve cada cambio aterrizar al instante, itera más, duda menos y caza los problemas mientras el contexto sigue en su cabeza. Esa velocidad se acumula a lo largo de un proyecto.

Lo elegimos para trabajo de desarrollo web donde el equipo va a vivir en la base de código día tras día. Mantiene el setup local simple, la build rápida y la configuración lo bastante pequeña como para que un ingeniero nuevo sea productivo el primer día. Cuando entregamos un proyecto, tu equipo hereda un setup que no le pelea.

¿Empiezas un proyecto de front end y quieres que se mueva rápido? Hablemos del setup.

Hablemos de web