Simplifier Vite
Les anciens outils comme Webpack ou Create React App fonctionnent en regroupant l'intégralité de votre projet au préalable. L'outil lit chaque fichier et les transforme en un seul fichier JavaScript géant. Cela fonctionne pour les petits projets, mais échoue pour les grands projets. Dans les projets de grande envergure, ce processus prend de nombreuses secondes. Chaque fois que vous enregistrez un fichier, l'outil doit refaire une grande partie de ce travail.
Vite fonctionne différemment. Les navigateurs modernes prennent en charge les modules ES nativement. Cela signifie que le navigateur peut gérer lui-même les imports et les exports. Vite ne regroupe pas votre code pendant le développement. Il sert chaque fichier en tant que module séparé uniquement lorsque le navigateur le demande.
Imaginez un restaurant de type buffet. Le chef cuisine chaque plat avant même l'ouverture des portes. Si vous voulez un petit changement, le chef doit refaire tout le buffet. C'est ainsi que fonctionne Webpack. Plus le projet est volumineux, plus l'attente est longue.
Vite est comme un restaurant à la carte. Les portes s'ouvrent immédiatement. Vous commandez un plat. Le chef prépare uniquement ce plat. Si vous voulez un dessert plus tard, le chef prépare seulement le dessert. Vous n'attendez pas que tout le menu soit prêt.
Vite utilise deux stratégies différentes pour deux besoins distincts :
Développement (vite dev) • Stratégie : Sert des modules ESM natifs sans regroupement. • Vitesse de démarrage : Instantanée. Elle ne dépend pas de la taille du projet. • Pourquoi : Les requêtes HTTP locales sont rapides sur votre ordinateur.
Production (vite build) • Stratégie : Regroupe tout en utilisant Rolldown. • Vitesse de démarrage : Le temps augmente avec la taille du projet. • Pourquoi : Des centaines de fichiers séparés provoquent trop de requêtes HTTP pour les utilisateurs. Le regroupement règle ce problème.
Vite vous offre de la rapidité pendant que vous codez et de l'efficacité lors du lancement.
Source : https://dev.to/yuripeixinho/descomplicando-o-vite-1p62