Heute freue ich mich, die offizielle Veröffentlichung von Vite 2.0 bekannt zu geben!
Vite (französisch für "schnell", ausgesprochen /vit/
("vit") ) ist eine neue Art von Build-Tool für die Webentwicklung. Stellen Sie sich einen vorkonfigurierten Dev Server + Collector vor, der jedoch kleiner und schneller ist. Es verwendet browserbasierte ES- Modulunterstützung und Tools wie esbuild für eine schnelle und moderne Entwicklungserfahrung.
Um eine Vorstellung davon zu bekommen, wie schnell Vite ist, sehen Sie in einem Video das Hochladen einer React-App auf Repl.it mit Vite und create-react-app
(CRA):
Wenn Sie noch nie von Vite gehört haben und mehr darüber erfahren möchten, lesen Sie die Gründe für dieses Projekt . Wenn Sie sich fragen, wie sich Vite von anderen ähnlichen Tools unterscheidet, lesen Sie die Vergleiche .
Was ist neu in Version 2.0
Da wir uns entschlossen haben, die Interna vollständig neu zu organisieren, bevor Version 1.0 RC verlassen hat, ist dies tatsächlich die erste stabile Version von Vite. Vite 2.0 hat jedoch viele signifikante Verbesserungen gegenüber der vorherigen Inkarnation:
Agnostischer Kern des Frameworks
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
Schauen Sie sich dann die Anleitung an , um zu sehen, was Vite sofort zu bieten hat. Sie können auch den Quellcode auf GitHub überprüfen, Updates auf Twitter verfolgen oder an Diskussionen mit anderen Vite-Benutzern auf unserem Discord-Chat-Server teilnehmen .