Vite

Fransızcada "hızlı" anlamına gelen Vite, Vue'nun yaratıcısı Evan You tarafından geliştirildi ve 2020'de yayımlandı. webpack gibi eski araçlar, geliştirme sunucusu başlamadan önce bütün uygulamayı paketler; bu da projeler büyüdükçe yavaşlar. Vite ise saniyenin çok küçük bir kısmında başlar ve yalnızca tarayıcının istediği dosyaları işler.

Bunu yapabilmesinin nedeni, modern tarayıcıların JavaScript modüllerini doğrudan anlamasıdır. Geliştirme sırasında Vite kaynak dosyalarınızı ES modülleri olarak sunar, TypeScript, JSX ya da Vue dosyalarını anında dönüştürür ve bağımlılıkları çok hızlı esbuild ile önceden paketler. Bir dosyayı kaydettiğinizde sıcak modül değişimi (hot module replacement), sayfayı tamamen yenilemeden ve uygulamanın durumunu koruyarak yalnızca o modülü değiştirir.

Canlı ortam için Vite yine paketler; çünkü çok sayıda küçük dosya ağ üzerinden yavaş yüklenir: küçültülmüş (minified), tree-shaking uygulanmış ve parçalara bölünmüş çıktı üretmek için Rollup'ı ve onun Rust ile yazılmış daha yeni halefi Rolldown'ı kullanır. Resmî şablonlar React, Vue, Svelte, Solid ve diğerlerini tek komutla kurar; Nuxt, SvelteKit ve Astro gibi birçok framework de onun üzerine kuruludur.

Sık yapılan bir yanlış, Vite'ın bir framework olduğu düşüncesidir. O bir derleme aracı ve geliştirme sunucusudur; kullandığınız framework, varsa, onun üzerinde durur. Aynı topluluğun geliştirdiği test çalıştırıcı Vitest de Vite'ın yapılandırmasını yeniden kullanır; böylece testler uygulamayla aynı dosyaları anlar.