Hari ini saya dengan senang hati mengumumkan rilis resmi Vite 2.0!
Vite (bahasa Prancis untuk "fast", diucapkan /vit/
("vit") ) adalah alat build jenis baru untuk pengembangan web. Bayangkan pengumpul + server dev yang telah dikonfigurasi sebelumnya, tetapi lebih kecil dan lebih cepat. Ini menggunakan dukungan modul ES yang dibangun browser dan alat seperti esbuild untuk pengalaman pengembangan yang cepat dan modern.
Untuk mengetahui seberapa cepat Vite, berikut adalah video yang membandingkan pengunggahan aplikasi React di Repl.it menggunakan Vite dan create-react-app
(CRA):
Jika Anda belum pernah mendengar tentang Vite sebelumnya dan ingin mengetahui lebih banyak tentangnya, lihat alasan di balik proyek ini . Jika Anda bertanya-tanya bagaimana Vite berbeda dari alat serupa lainnya, lihat perbandingannya .
Apa yang baru di versi 2.0
Karena kami memutuskan untuk sepenuhnya mengatur ulang internal sebelum versi 1.0 meninggalkan RC, ini sebenarnya adalah versi stabil pertama dari Vite. Namun, Vite 2.0 memiliki banyak peningkatan yang signifikan dibandingkan inkarnasi sebelumnya:
Inti kerangka agnostik
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
Kemudian periksa panduan untuk melihat apa yang ditawarkan Vite di luar kotak. Anda juga dapat melihat kode sumber di GitHub , mengikuti pembaruan di Twitter, atau bergabung dengan diskusi dengan pengguna Vite lainnya di server obrolan Discord kami .