vitejs/vite es una herramienta de compilación muy común en proyectos front-end modernos. Su descripción es muy breve: Herramientas frontend de última generación. ¡Es rápido! Esta oración básicamente resume los principales puntos de venta de Vite: inicio rápido del desarrollo, actualización rápida y configuración relativamente liviana.
Si ha creado un nuevo proyecto front-end de Vue, React, Svelte, Solid o TypeScript normal en los últimos años, probablemente haya utilizado Vite.
Por qué Vite es rápido
La velocidad de Vite proviene principalmente de dos etapas de compensaciones:
- Etapa de desarrollo: utilice el ESM nativo del navegador para evitar empaquetar todo el proyecto al principio;
- Etapa de producción: utilice Rollup para una construcción optimizada;
- Preconstrucción de dependencias: utilice herramientas más rápidas para procesar dependencias;
- HMR: Actualización en caliente a nivel de módulo, donde se realicen los cambios, se actualizarán.
Los paquetes tradicionales tienden a tardar en iniciarse y actualizarse en caliente cuando el proyecto crece. Vite acerca la experiencia de desarrollo un paso más hacia la “carga bajo demanda”.
¿Para qué proyectos son adecuados?
Vite es adecuado para:
- Proyectos Vue / React / Svelte / Solid;
- Aplicación de interfaz TypeScript;
- Desarrollo de biblioteca de componentes;
- Sitios estáticos y páginas de herramientas;
- Aplicación Web para pequeñas y medianas empresas;
- Equipos que necesitan un inicio rápido y un HMR rápido.
También se puede utilizar para proyectos grandes, pero tenga en cuenta monorepo, SSR, compatibilidad de complementos, caché de compilación y compatibilidad con navegadores antiguos.
¿A qué debes prestar atención al usarlo?
La experiencia predeterminada de Vite es muy buena, pero no requiere ninguna configuración:
- Es necesario comprender los prefijos de las variables de entorno y las reglas de inyección;
- El agente del servidor de desarrollo debe estar configurado claramente;
- el alias, la ruta y tsconfig deben estar alineados;
- Lea documentos separados para el modo SSR y biblioteca;
- La versión del complemento y la versión del marco deben coincidir;
- Los aumentos de producción aún dependen del tamaño del paquete y de la subcontratación.
No malinterprete “el desarrollo es rápido” con “las construcciones de producción no molestan”. Aún es necesario analizar el rendimiento, el almacenamiento en caché y la compatibilidad antes de conectarse.
Resumen
Vite se ha convertido en una de las opciones predeterminadas para las interfaces modernas. Es popular no porque los conceptos sean complejos, sino porque la experiencia de desarrollo del día a día es verdaderamente alegre.
Si todavía utiliza andamios muy antiguos, puede probar Vite primero para proyectos nuevos; Al migrar proyectos antiguos, primero debe evaluar los complementos, los procesos de creación y los hábitos del equipo.