Vite Nedir?
İngilizce: Vite
Vite, geliştirme sırasında ESM ile hızlı sunucu açan, üretimde Rollup üzerinden optimize bundle üreten frontend aracıdır.
Vite Nedir?
Vite, modern frontend projelerinde geliştirme sunucusu ve üretim build sürecini yöneten araçtır. Adı Fransızca “hızlı” anlamına gelir; temel vaadi de geliştirme sırasında büyük bundle beklemeden uygulamayı hızlı başlatmaktır.
Nasıl Çalışır?
Geliştirme modunda Vite, tarayıcının native ES module desteğini kullanır. Tüm uygulamayı baştan paketlemek yerine istenen modülü gerektiğinde sunar ve değişikliklerde HMR ile sadece ilgili parçayı günceller. Üretim build’inde ise Rollup kullanarak minify edilmiş, code splitting uygulanmış ve cache’e uygun dosyalar üretir.
React, Vue, Svelte, Preact ve vanilla JavaScript projeleri için hazır şablonlar sunar. Webpack ile kıyaslandığında yapılandırması genellikle daha sade ve geliştirme sunucusu daha hızlıdır; fakat çok eski ve özel loader/plugin zincirleri olan projelerde geçiş planı gerekir.
İş Dünyasında Kullanımı
Vite, ürün ekiplerinin yerel geliştirme ve preview sürelerini kısaltır. Büyük yönetim panelleri, tasarım sistemi paketleri ve mikro frontend yapılarında hızlı geri bildirim, geliştiricinin küçük değişiklikleri daha rahat test etmesini sağlar.
Build aracı seçerken sadece hız değil, test altyapısı, eski tarayıcı gereksinimi, plugin desteği ve mevcut CI/CD süreci de değerlendirilmelidir.
İlgili Terimler
npm, JavaScript paketlerini kayıt defteri, komut satırı aracı, package.json ve lock dosyalarıyla yöneten Node.js ekosistemidir.
Tree ShakingTree shaking, ES module bağımlılık grafiğini analiz edip kullanılmayan export'ları üretim bundle'ından çıkaran JavaScript optimizasyonudur.
WebpackWebpack, JavaScript, CSS ve varlık bağımlılıklarını modül grafiği olarak analiz edip tarayıcıya uygun bundle'lar üretir.