Webpack Kurulumu ve İlk Proje

Bu video, Webpack 5 kurulumu ve ilk proje yapılandırması üzerine temel bir rehber niteliğindedir. Mert ÖZEN tarafından hazırlanan bu derste işlenen ana konu başlıkları şunlardır:

• Altyapı ve Hazırlık: Webpack 5'in çalışması için gerekli olan NodeJS ve paket yöneticisi NPM kavramları tanıtılıyor (0:35). Geliştirme ortamında versiyon yönetimi için nvm kullanımına değiniliyor (1:31).
• Proje Başlatma: npm init -y komutu ile package.json dosyasının oluşturulması ve ardından webpack ile webpack-cli paketlerinin geliştirme bağımlılığı (--save-dev) olarak projeye dahil edilmesi gösteriliyor (3:45, 5:35).
• Yapılandırma (webpack.config.js): Proje dizininde path modülü kullanılarak giriş (entry) ve çıkış (output) dosyalarının nasıl ayarlanacağı, bundle.js gibi çıktı dosyalarının nasıl yapılandırılacağı anlatılıyor (8:58).
• Çalıştırma Komutları: npx webpack kullanımı ile projenin derlenmesi ve mode (development/production) seçenekleri arasındaki farklar açıklanıyor (8:18, 11:24).
• NPM Scriptleri: package.json içerisinde script tanımlayarak komutların nasıl kısaltılabileceği (npm run start) örneklendiriliyor (12:20).