Introduction

Vite (un mot français qui signifie «rapide», se prononçant /vit/, comme le mot anglais veet) est un outil de construction (build tool) spécialement conçu pour offrir une expérience de développement beaucoup plus fluide, plus rapide et plus légère dans le cadre de projets web modernes. Son architecture repose sur deux composantes principales qui travaillent ensemble afin de simplifier le cycle de développement et de déploiement d'applications web :

• Un serveur de développement (dev server), enrichissant considérablement les fonctionnalités des modules ES natifs déjà supportés par les navigateurs. Ce serveur apporte de nombreuses améliorations pratiques, parmi lesquelles on retrouve notamment le rechargement ultra-rapide des modules à chaud (Hot Module Replacement, HMR). Grâce à cette fonction, chaque modification effectuée dans le code source se reflète immédiatement dans l'application en cours d'exécution, sans nécessiter un rechargement complet de la page, ce qui fait gagner un temps précieux aux développeurs.
• Une commande de compilation (build command), s'appuie sur l'outil Rollup. Vite le préconfigure de manière optimale afin de générer, pour la mise en production, des ressources statiques hautement optimisées. Le résultat est un ensemble de fichiers légers, performants et prêts à être déployés, ce qui contribue à améliorer la rapidité de chargement et la fluidité des applications web finales.

En plus de ces deux éléments fondamentaux, Vite adopte une approche opinionée (opinionated), c'est-à-dire qu'il propose dès l'installation des choix techniques et des réglages par défaut pertinents, adaptés aux besoins les plus fréquents. Ces configurations prêtes à l'emploi permettent de commencer immédiatement un projet sans avoir à effectuer d'interminables ajustements manuels. Toutefois, le système reste très flexible : si les besoins du projet l'exigent, l'utilisateur peut personnaliser le comportement de Vite grâce aux nombreuses options.

Par ailleurs, Vite offre une grande compatibilité avec différents cadres d'applications JavaScript ainsi qu'avec divers outils de l'écosystème frontend. Cette interopérabilité est rendue possible par un système de plugiciels : ceux-ci facilitent l'intégration avec des environnements variés comme Vue.js, React, Svelte ou d'autres solutions similaires.

Enfin, l'outil se distingue par son caractère hautement extensible. Il propose en effet une API dédiée aux plugiciels ainsi qu'une API JavaScript complète, avec prise en charge intégrale du typage. Cela ouvre la porte à la création de modules personnalisés, capables d'ajouter de nouvelles fonctionnalités ou d'adapter profondément le processus de build selon les besoins spécifiques d'un projet.

Pour comprendre la logique et les motivations ayant conduit à la création de cet outil, la documentation officielle consacre une section intitulée «Why Vite», où sont expliqués les choix technologiques et les avantages distinctifs justifiant son adoption dans le développement web contemporain.