Vite 8 - La fin du double bundler et des nouveautés intéressantes

Vite vient de publier sa version 8, une mise à jour majeure qui marque un changement significatif dans l’architecture du bundler. En abandonnant le duo esbuild + Rollup au profit d’un bundler unique, Rolldown, écrit en Rust, Vite vise à simplifier la chaîne d’outils et à améliorer considérablement les performances. Cette nouvelle version introduit également plusieurs fonctionnalités intéressantes pour les développeurs.

Migration et compatibilité

La migration vers Vite 8 a été conçue pour limiter les risques. Un package rolldown-vite a permis des essais progressifs, et une couche de compatibilité traduit automatiquement la plupart des options esbuild et Rollup vers les équivalents Rolldown/Oxc. Pour la majorité des projets, la mise à jour se fera sans toucher à la configuration. Pour les cas complexes, la démarche recommandée reste une migration en deux étapes : passer par rolldown-vite sur Vite 7, vérifier, puis passer à Vite 8.

Un guide de migration détaillé est disponible ici : Migration vers Vite 8.

Principales nouveautés

Outre le nouveau bundler, Vite 8 introduit plusieurs fonctionnalités pratiques pour le développement.

• Vite Devtools : option devtools pour inspecter modules et dépendances depuis une interface connectée au serveur de dev, utile pour diagnostiquer les rechargements et analyser les performances.
• Résolution TypeScript : resolve.tsconfigPaths: true applique nativement les alias du tsconfig.json, sans plugin externe.
• Si emitDecoratorMetadata est activé dans tsconfig.json, TypeScript génère automatiquement les métadonnées de réflexion, ce qui facilite l’utilisation des frameworks qui reposent sur ces métadonnées.
• WebAssembly en rendu côté serveur (SSR) : les imports .wasm?init fonctionnent en SSR, supprimant les contournements antérieurs.
• Redirection des logs : server.forwardConsole redirige les logs du navigateur vers la console du serveur de dev, permettant de voir les erreurs runtime sans ouvrir les DevTools.

Plugin React

@vitejs/plugin-react évolue en v6 : les transformations pour React Refresh sont désormais gérées par Oxc, réduisant la dépendance à Babel et améliorant les temps de démarrage. La v5 reste compatible pour les équipes qui souhaitent différer la mise à jour.

L’annonce complète de Vite 8 est à lire ici.