Tüm Teknolojiler

Vite Nedir? Nedir?

Vite, Evan You tarafından geliştirilen, son derece hızlı bir frontend geliştirme aracı ve derleme sistemidir.

Yayın Yılı: 2020Evan You

Vite (Fransızca'da 'hızlı' anlamına gelir), 2020 yılında Vue.js'in yaratıcısı Evan You tarafından geliştirilmiştir. Webpack'in yavaş geliştirme deneyimine alternatif olarak, modern tarayıcıların native ES modules desteğini kullanarak anında başlayan bir geliştirme sunucusu sunar. Vite'ın geliştirme modunda temel farkı, tüm kodu önceden paketlemek yerine tarayıcıya doğrudan ES modülleri sunmasıdır. Bu yaklaşım, proje boyutundan bağımsız olarak anında sunucu başlatma ve yıldırım hızında HMR (Hot Module Replacement) sağlar. Üretim derlemeleri için Rollup kullanılır. Vite, React, Vue, Svelte, Solid, Preact ve vanilla JavaScript/TypeScript projelerini kutusundan çıktığı gibi destekler. CSS Modules, PostCSS, CSS ön işlemcileri (Sass, Less), JSON import, WebAssembly ve Web Workers desteği yerleşiktir. Plugin API'si Rollup uyumludur. Vite, Vue, Nuxt, SvelteKit, Astro, SolidStart gibi modern frameworklerin varsayılan geliştirme aracı haline gelmiştir. npm indirmelerinde Webpack'i geçmiş ve yeni projelerde fiili standart olmuştur.

Kullanım Alanları

Frontend proje geliştirme, React/Vue/Svelte projeleri, Kütüphane derleme, Hızlı prototipleme, Statik site oluşturma

Avantajları

Anında sunucu başlatma, Yıldırım hızında HMR, Framework agnostik, Basit yapılandırma, ES modules tabanlı modern mimari

Dezavantajları

Üretim ve geliştirme farklı araçlar kullanır (esbuild vs Rollup), Eski tarayıcı desteği eklenti gerektirir, Webpack kadar olgun ekosistem değil, Bazı edge case'lerde sorunlar