gtag('config', 'G-6WFWFXK1DJ');
Sciences

Vite, l’outil pour dveloppeurs web, est sa version 3. Il vise fournir une exprience de dveloppement plus rapide et plus lgre pour les projets web modernes


En fvrier de l’anne dernire, Evan You, fondateur de Vue Technology a publi Vite 2. Depuis, son adoption n’a cess de crotre, atteignant plus d’un million de tlchargements npm par semaine. Un cosystme trs tendu s’est rapidement form aprs la sortie de Vite. Evan YOU a annonc la version 3 de Vite, un outil de dveloppement web qui vise fournir une exprience de dveloppement plus rapide et plus lgre pour les projets web modernes.

16 mois aprs le lancement de la v2, nous sommes heureux d’annoncer la sortie de Vite 3. Nous avons dcid de sortir une nouvelle version majeure de Vite au moins tous les ans pour nous aligner sur l’EOL de Node.js, et profiter de l’occasion pour revoir rgulirement l’API de Vite avec un chemin de migration court pour les projets de l’cosystme , l’quipe Vite.

Notons que Node.js est un environnement d’excution JavaScript bas sur le moteur JavaScript V8 de Google qui excute le code JavaScript en dehors du navigateur. Il aide les dveloppeurs crer des units de code non bloquantes afin de tirer le meilleur parti des ressources systme pour crer des applications plus ractives.

Nuxt 3 utilise Vite par dfaut. SvelteKit, Astro, Hydrogen et SolidStart sont tous construits avec Vite. Laravel a maintenant dcid d’utiliser Vite par dfaut. Vite Ruby montre comment Vite peut amliorer Rails DX. Vitest fait des progrs en tant qu’alternative native de Vite Jest. Vite est l’origine des nouvelles fonctionnalits de test de composants de Cypress et Playwright, Storybook a Vite comme constructeur officiel. Et la liste est encore longue. Les mainteneurs de la plupart de ces projets ont particip l’amlioration du noyau de Vite lui-mme, en travaillant en troite collaboration avec l’quipe Vite et d’autres contributeurs.

Modles de dmarrage Create Vite

Les modles create-vite ont t un excellent outil pour tester rapidement Vite avec un framework. Dans Vite 3, tous les modles ont reu un nouveau thme en accord avec la nouvelle documentation.

Le thme est maintenant partag par tous les modles. Cela devrait permettre de mieux faire comprendre la porte de ces modles de dpart, qui sont des modles minimaux pour commencer utiliser Vite. Pour des solutions plus compltes incluant le linting, la configuration des tests et d’autres fonctionnalits, il existe des modles officiels aliments par Vite pour certains frameworks comme create-vue et create-svelte. Il existe une liste de modles maintenue par la communaut Awesome Vite.

Support des navigateurs

Le build par dfaut cible les navigateurs qui supportent la fois les modules ES natifs et l’importation dynamique ESM native. Les anciens navigateurs peuvent tre supports via le plugin officiel @vitejs/plugin-legacy.

Vite CLI

VITE v3.0.0 ready in 320 ms

➜ Local: http://127.0.0.1:5173/

➜ Network: use –host to expose

Contrairement la version 2 de Vite, le port par dfaut du serveur de dveloppement est dsormais 5173 et le serveur de prvisualisation coute 4173 sur Vite 3. Ce changement permet Vite d’viter les collisions avec d’autres outils.

Stratgie de connexion WebSocket amliore

L’un des points sensibles de Vite 2 tait la configuration du serveur lorsqu’il fonctionnait derrire un proxy. Vite 3 modifie le schma de connexion par dfaut afin qu’il fonctionne dans la plupart des scnarios. Toutes ces configurations sont maintenant testes dans le cadre du CI de l’cosystme Vite via vite-setup-catalogue.

Amliorations du dmarrage froid

Vite vite maintenant le rechargement complet pendant le dmarrage froid lorsque les importations sont injectes par des plugins tout en explorant les modules initiaux imports statiquement.

Optimisation des dpendances Esbuild au moment de la construction (exprimental)

Une des principales diffrences entre les phases de dveloppement et de construction est la faon dont Vite gre les dpendances. Pendant la phase de construction, @rollupjs/plugin-commonjs est utilis pour permettre l’importation de dpendances CJS uniquement (comme React). Lors de l’utilisation du serveur de dveloppement, esbuild est utilis la place pour pr-emballer et optimiser les dpendances, et un schma d’interoprabilit en ligne est appliqu lors de la transformation du code utilisateur important des dpendances CJS.

Pendant le dveloppement de Vite 3, lquipe en charge a introduit les changements ncessaires pour permettre galement l’utilisation d’esbuild pour optimiser les dpendances pendant la construction. @rollupjs/plugin-commonjs peut alors tre vit, ce qui fait que les temps de dveloppement et de construction fonctionnent de la mme manire.

tant donn que Rollup v3 sortira dans les prochains mois, et que nous allons suivre avec un autre majeur Vite, nous avons dcid de rendre ce mode optionnel pour rduire la porte de la v3 et donner Vite et l’cosystme plus de temps pour rsoudre les problmes possibles avec la nouvelle approche d’interoprabilit CJS pendant la construction , dclare EVAN YOU.

Les frameworks peuvent passer l’utilisation de l’optimisation esbuild deps pendant la construction par dfaut et leur propre rythme avant Vite 4. Il existe un support opt-in pour HMR Partial Accept. Cette fonctionnalit pourrait dbloquer un HMR granularit plus fine pour les composants du framework qui exportent plusieurs liaisons dans le mme module.

Rduction de la taille des paquets

Vite regroupe la plupart de ses dpendances et essaie d’utiliser des alternatives modernes et lgres lorsque cela est possible. Dans la continuit de cet objectif, la taille de la publication de Vite 3 est 30 % plus petite que la v2. Il existe un support opt-in pour HMR Partial Accept. Cette fonctionnalit pourrait dbloquer un HMR granularit plus fine pour les composants du framework qui exportent plusieurs liaisons dans le mme module.

Cette rduction a t possible en partie en rendant optionnelles certaines dpendances dont la plupart des utilisateurs n’avaient pas besoin. Premirement, Terser n’est plus install par dfaut. Cette dpendance n’tait plus ncessaire puisque lquipe en charge a dj fait d’esbuild le mineur par dfaut pour JS et CSS dans Vite 2. Si vous utilisez build.minify : ‘terser’, vous devrez l’installer (npm add -D terser).

Node-forge a galement t deplac hors du monorepo, en implmentant le support pour la gnration automatique des certificats https comme un nouveau plugin : @vitejs/plugin-basic-ssl. Puisque cette fonctionnalit ne cre que des certificats non fiables qui ne sont pas ajouts au store local, elle ne justifiait pas la taille ajoute.

Source : Vite

Et vous ?

Quel est votre avis sur cet outil pour le dveloppement web ? Un de trop ou pas ?

Pensez-vous que les dveloppeurs devraient travailler pour amliorer l’existant plutt que d’en crer de nouveaux ?

Voir aussi :

La Version 1.9 de Deno, le runtime pour excuter JavaScript et TypeScript, est disponible, elle amliore les appels de commande dans Rust et apporte de nouvelles fonctionnalits

State of JavaScript 2020 : TypeScript leader incontestable des dclinaisons de JavaScript, le typage statique devient la fonctionnalit la plus demande et React reste le framework front-end dominant

Deno passe en version 1.0. Le runtime pour excuter JavaScript et TypeScript, tente de fournir un outil autonome pour l’criture rapide de fonctionnalits complexes

Quels sont les cots lis l’utilisation de frameworks JavaScript pour le dveloppement Web ? Une analyse des sites utilisant React, Vue.js ou Angular

#Vite #loutil #pour #web #est #version #vise #fournir #une #rapide #pour #les #projets #web #modernes

About the author

admin7

Leave a Comment