¡Hoy me complace anunciar el lanzamiento oficial de Vite 2.0!
Vite (francés para "rápido", pronunciado /vit/
("vit" para trans.) ) Es un nuevo tipo de herramienta de construcción para el desarrollo web. Piense en un servidor de desarrollo + recopilador preconfigurado, pero más pequeño y rápido. Utiliza herramientas y compatibilidad con módulos ES integrados en el navegador como esbuild para una experiencia de desarrollo rápida y moderna.
Para tener una idea de lo rápido que es Vite, aquí hay un video que compara la carga de una aplicación React en Repl.it usando Vite y create-react-app
(CRA):
Si nunca ha oído hablar de Vite y le gustaría saber más sobre él, consulte la razón fundamental de este proyecto . Si se pregunta en qué se diferencia Vite de otras herramientas similares, consulte las comparaciones .
Novedades de la versión 2.0
Dado que decidimos reorganizar completamente las partes internas antes de que la versión 1.0 saliera de RC, esta es en realidad la primera versión estable de Vite. Sin embargo, Vite 2.0 tiene muchas mejoras significativas con respecto a la encarnación anterior:
Núcleo agnóstico del marco
Vite , Vue ESM. Vite 1 HMR .
Vite 2.0 , , . , . Vue, React, Preact, Lit Element Svelte .
( Awesome Vite - . .)
API
WMR, Rollup Rollup . , Rollup, , Vite, Vite (, HMR).
API , / , Vite.
esbuild
Vite ESM, , CommonJS ESM. Vite Rollup, 2.0 esbuild, 10-100- . , , React Meterial UI, 28 Macbook Pro M1, ~1,5 . , .
CSS
Vite CSS :
:
@import
url()
CSS Vite npm.
URL:
url()
, .
CSS : JS CSS, JS .
Server-Side Rendering (SSR) Support
Vite 2.0 SSR. Vite API- ESM Node.js ( HMR ) CommonJS SSR. Vite, / SSG.
Vite SSR , , .
Vite ESM, @vitejs/plugin-legacy. modern/legacy , .
!
, Vite ! Vite , (, Node.js> = 12):
npm init @vitejs/app
Luego, consulte la guía para ver lo que Vite tiene para ofrecer de inmediato. También puede consultar el código fuente en GitHub , seguir las actualizaciones en Twitter o unirse a discusiones con otros usuarios de Vite en nuestro servidor de chat Discord .