Aujourd'hui, j'ai le plaisir d'annoncer la sortie officielle de Vite 2.0!
Vite (français pour «rapide», prononcé /vit/
(«vit») ) est un nouveau type d'outil de construction pour le développement Web. Pensez à un serveur de développement + collecteur préconfiguré, mais plus petit et plus rapide. Il utilise la prise en charge du module ES intégré au navigateur et des outils tels que esbuild pour une expérience de développement rapide et moderne.
Pour avoir une idée de la vitesse de Vite, voici une vidéo comparant le téléchargement d'une application React sur Repl.it en utilisant Vite et create-react-app
(CRA):
Si vous n'avez jamais entendu parler de Vite auparavant et que vous souhaitez en savoir plus à ce sujet, découvrez la justification de ce projet . Si vous vous demandez en quoi Vite diffère des autres outils similaires, consultez les comparaisons .
Quoi de neuf dans la version 2.0
Comme nous avons décidé de réorganiser complètement les composants internes avant que la version 1.0 ne quitte RC, il s'agit en fait de la première version stable de Vite. Cependant, Vite 2.0 a de nombreuses améliorations significatives par rapport à l'incarnation précédente:
Noyau agnostique du framework
Vite , Vue ESM. Vite 1 HMR .
Vite 2.0 , , . , . Vue, React, Preact, Lit Element Svelte .
( Awesome Vite - . .)
API
WMR, Rollup Rollup . , Rollup, , Vite, Vite (, HMR).
API , / , Vite.
esbuild
Vite ESM, , CommonJS ESM. Vite Rollup, 2.0 esbuild, 10-100- . , , React Meterial UI, 28 Macbook Pro M1, ~1,5 . , .
CSS
Vite CSS :
:
@import
url()
CSS Vite npm.
URL:
url()
, .
CSS : JS CSS, JS .
Server-Side Rendering (SSR) Support
Vite 2.0 SSR. Vite API- ESM Node.js ( HMR ) CommonJS SSR. Vite, / SSG.
Vite SSR , , .
Vite ESM, @vitejs/plugin-legacy. modern/legacy , .
!
, Vite ! Vite , (, Node.js> = 12):
npm init @vitejs/app
Ensuite, consultez le guide pour voir ce que Vite a à offrir prêt à l'emploi. Vous pouvez également consulter le code source sur GitHub , suivre les mises à jour sur Twitter ou participer à des discussions avec d'autres utilisateurs de Vite sur notre serveur de discussion Discord .