Webpack ile Paketleme (Production)

Bu video, Webpack ile proje paketleme (production build) sürecinde performans ve optimizasyon için yapılması gereken ek yapılandırmaları ele almaktadır. Eğitimin ana başlıkları şunlardır:

• Çıktıyı Optimize Etme (0:19): TerserPlugin kullanımı ile kodun küçültülmesi (minification) ve konsol loglarının temizlenmesi gibi optimizasyon ayarlarının nasıl yapılacağı gösterilmiştir.
• Cache Busting ve Hash Kullanımı (0:22 - 3:45): Tarayıcı önbellek sorunlarını aşmak için dosya isimlerinde hash kullanımı anlatılmıştır. Özellikle tüm dosya yerine sadece değişen içeriğe göre hash oluşturulmasını sağlayan contenthash ve her parça (chunk) için ayrı hash üreten chunkhash kavramlarına değinilmiştir.
• CSS ve HTML Optimizasyonu (4:03 - 6:58): CSS dosyalarını küçültmek için CSS Minimizer Plugin kullanımı ve yorum satırlarının temizlenmesi gösterilmiştir. Ayrıca HTML dosyaları için yapılandırma ayarlarıyla minifikasyon işleminin nasıl yönetileceği açıklanmıştır.

Video, bu temel yapılandırmaların projeyi canlı ortama alırken performans açısından neden kritik olduğunu vurgulayarak sona ermektedir.