16 meses después del lanzamiento de v2, Vite 3.0 ahora se lanza oficialmente . El anuncio señala que la adopción de Vite 2 ha ido en aumento desde su lanzamiento en febrero pasado; con más de 1 millón de descargas npm por semana, se ha formado rápidamente un enorme ecosistema. Vite está impulsando una nueva ola de innovación en marcos web.
"Hemos decidido lanzar una nueva versión principal de Vite al menos una vez al año para coincidir con el EOL de Node.js y aprovechar la oportunidad para revisar regularmente la API de Vite para proporcionar una ruta de migración corta para proyectos en el ecosistema".
Las actualizaciones de Vite 3.0 incluyen principalmente:
nuevo documento
La nueva documentación v3 está disponible en vitejs.dev . Vite ahora usa el nuevo tema predeterminado de VitePress con un modo oscuro, entre otras características.
Varios proyectos en el ecosistema han migrado aquí (ver Vitest , vite-plugin-pwa y VitePress mismo). Si necesita acceder a la documentación de Vite 2, permanecerán en v2.vitejs.dev . También hay un nuevo subdominio main.vitejs.dev donde se implementa automáticamente cada compromiso con la rama principal de Vite. Esto es útil cuando se prueban versiones beta o se contribuye al desarrollo principal.
Además de agregar una traducción oficial al español:
Crear plantillas de inicio de Vite
La plantilla create-vite es una gran herramienta para probar rápidamente Vite con su marco favorito. En Vite 3, todas las plantillas tienen un nuevo tema que se alinea con la nueva documentación. Ábralos en línea y comience a usar Vite 3 hoy:
Todas las plantillas ahora comparten este tema. Para obtener una solución más completa, que incluye linting, configuración de prueba y otras características, existen plantillas oficiales con tecnología de Vite para algunos marcos como create-vue y create-svelte . Hay una lista de plantillas mantenida por la comunidad en Awesome Vite .
mejora del desarrollo
CLI rápido
VITE v3.0.0 listo en 320 ms ➜ Local : http://127.0.0.1:5173/ ➜ Red : use --host para exponer
Además de las mejoras estéticas en la CLI, el puerto del servidor de desarrollo predeterminado ahora es 5173 y el servidor de vista previa escucha en el puerto 4173. Este cambio garantizará que Vite evite conflictos con otras herramientas.
Estrategia de conexión WebSocket mejorada
Uno de los puntos débiles del Vite 2 fue configurar el servidor cuando se ejecuta detrás de un proxy. Vite 3 cambia el esquema de conexión predeterminado para que funcione de inmediato en la mayoría de los casos. Todas estas configuraciones ahora se vite-setup-catalogueprueban como parte de Vite Ecosystem CI.
Mejoras en el arranque en frío
Vite ahora evita una recarga completa durante un arranque en frío cuando el complemento inyecta importaciones al tomar un módulo inicialmente importado estáticamente ( #8869 ).
import.meta.glob
import.meta.globEl soporte fue reescrito. Lea las novedades en la Guía de importación global :
Se pueden pasar múltiples patrones como una matriz
import.meta.glob(['./dir/*.js', './another/*.js']) Los patrones negativos ( con el prefijo ) ahora son compatibles para ignorar algunos archivos específicos!
import.meta.glob(['./dir/*.js', '!**/bar.js']) Se pueden especificar importaciones con nombre para mejorar el movimiento de árboles
import.meta.glob('./dir/*.js', { import: 'setup' }) Puede adjuntar metadatos mediante consulta personalizada
import.meta.glob('./dir/*.js', { query: { custom: 'data' } }) Las importaciones ansiosas ahora se pasan como una bandera
import.meta.glob('./dir/*.js', { eager: true }) Alinear la importación de WASM con estándares futuros
La API de importación de WebAssembly se ha revisado para evitar conflictos con los futuros estándares y hacerla más flexible:
import init from './example.wasm?init'
init().then((instance) => {
instance.exports.test()
})
Obtenga más información en la guía WebAssembly .
Construir mejoras
Compilación predeterminada de ESM SSR
La mayoría de los marcos de SSR en el ecosistema ya están construidos con ESM. Por lo tanto, Vite 3 convierte a ESM en el formato predeterminado para las compilaciones de SSR. Esto hace posible simplificar la heurística de externalización de SSR anterior , externalizando dependencias por defecto.
Compatibilidad con base relativa mejorada
Vite 3 ahora es compatible correctamente con bases relativas (usando base: ''), lo que permite que los activos construidos se implementen en diferentes bases sin reconstruir. Esto es útil cuando la base no se conoce en el momento de la compilación, como cuando se implementa en una red direccionable por contenido, como IPFS .
Reducir el tamaño del paquete
Vite agrupa la mayoría de sus dependencias e intenta utilizar alternativas modernas y ligeras siempre que sea posible. El tamaño de lanzamiento del Vite 3 es un 30% más pequeño que el V2.
arreglo del fallo
En los últimos tres meses, las emisiones abiertas de Vite se redujeron de 770 a 400.
Notas de compatibilidad
- Vite ya no es compatible con Node.js 12, que ha alcanzado el EOL. Ahora se requiere Node.js 14.18+.
- Vite ahora se lanza como ESM y, por compatibilidad, se agregó un proxy CJS a la entrada de ESM.
- Modern Browser Baseline ahora se dirige a navegadores que admiten módulos ES nativos , importaciones dinámicas ESM nativas y funciones para navegadores que admiten módulos ES nativos , importaciones dinámicas ESM nativas y
import.metafunciones. - Las extensiones de archivo JS en modo SSR y biblioteca ahora usan una extensión válida (js, mjs o cjs) para generar entradas y fragmentos JS en función de su formato y tipo de paquete.
Obtenga más información en la guía de migración .
Consulte el registro de cambios para obtener más información .