Vite Nedir?

Vite, Vue'nin yaratıcısı Evan You tarafından geliştirilen, modern bir frontend build aracıdır. ESM (ES Modules) tabanlı yaklaşımı sayesinde geliştirme sunucusu anında başlar ve değişiklikler milisaniyeler içinde yansır.

Create React App'e kıyasla çok daha hızlı ve hafif bir alternatiftir.

Kurulum ve Başlangıç

Vite ile yeni bir React projesi oluşturmak için npm create vite@latest komutunu kullanabilirsiniz. TypeScript şablonu seçerek tip güvenli bir proje başlatabilirsiniz.

Kurulum sonrasında npm run dev ile geliştirme sunucusunu başlatabilirsiniz.

Geliştirme Deneyimi

Vite, HMR (Hot Module Replacement) sayesinde kod değişikliklerini sayfayı yenilemeden anında gösterir. CSS, görsel ve TypeScript desteği varsayılan olarak gelir.

Anında sunucu başlatma HMR ile milisaniyelerde güncelleme TypeScript ve JSX desteği CSS pre-processor desteği

Yapılandırma ve Eklentiler

Vite, vite.config.ts dosyası ile yapılandırılır. Zengin eklenti ekosistemi sayesinde React, Vue, Svelte ve daha birçok framework için destek ekleyebilirsiniz.

Production Build

Vite, Rollup tabanlı build sistemi ile üretim için optimize edilmiş çıktılar üretir. Code splitting, CSS minification ve lazy loading gibi optimizasyonları otomatik olarak yapar.