Derleme ve Önizleme
Üretim derlemenizi yerel olarak doğrulamak için vite build ve vite preview komutlarını çalıştırın.
Derleme ve Önizleme, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Derleme Komutu
Üretime hazır bir çıktı oluşturmak için derleme betiğini çalıştırın.
npm run buildDerleme Ne Yapar
Vite kodunuzu paketler, kullanılmayan bölümleri ayıklar ve küçültür. SvelteKit seçilen bağdaştırıcıyı uygular.
Yerel Önizleme
Üretim derlemesini yerel olarak sınamak için önizleme betiğini kullanın.
npm run previewÖnizleme Neden Kullanılır
Önizleme, geliştirme ortamından üretime daha yakındır: HMR ile araçlandırılmış kodu değil, derlenmiş paketleri sunar.
Derleme Çıktısı
Çıktı varsayılan olarak build/ dizinine gider. Her bağdaştırıcı yapıyı özelleştirir.
Derleme Hataları
TypeScript hataları ve içe aktarma sorunları burada ortaya çıkar. Dağıtımdan önce düzeltin.
Performans Denetimi
Gerçek performansı değerlendirmek için Lighthouse'u npm run preview komutuna karşı çalıştırın.
Paket Analizi
Paket bileşimini incelemek için vite-bundle-visualizer veya rollup-plugin-visualizer ekleyin.
Ortam Dosyaları
Üretim derlemeleri varsayılan olarak .env.production dosyasını, geliştirme ortamı ise .env dosyasını kullanır.
Kaynak Haritaları
Gizlilik ile hata ayıklanabilirlik arasındaki dengeyi gözeterek hata izleme için üretim kaynak haritalarını etkinleştirin.
CI Derlemeleri
Sorunları erkenden yakalamak için dağıtımdan önce derlemeyi CI ortamında çalıştırın.
Kısa Kontrol
npm run preview ne yapar?
Özet
Üretim için build, dağıtımdan önce yerel ve üretime benzer sınamalar için preview kullanın.
Sıkça Sorulan Sorular
“Derleme ve Önizleme” dersi ücretsiz mi?
Evet — “Derleme ve Önizleme” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“Derleme ve Önizleme” dersinde ne öğreneceğim?
Üretim derlemenizi yerel olarak doğrulamak için vite build ve vite preview komutlarını çalıştırın. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.
“Derleme ve Önizleme” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Statik Siteler için adapter-static
- Node.js Sunucusu için adapter-node
- adapter-vercel ve adapter-cloudflare
- Derleme ve Önizleme