Webpack'te Scripts ile Derleme Modları

Derleme modunu yapılandırma dosyasında değil, package.json dosyasının scripts ayarları üzerinden de belirleyebilirsiniz. Şu anda bu dosyada, projeyi yapılandırma dosyasında belirtilen modda derleyen build komutu bulunuyor:

package.json"scripts": {
  "build": "webpack"
}

Gelin, projeyi geliştirme modunda derleyen bir komut ekleyelim:

package.json"dev": "webpack --mode development"

Gelin, ayrıca projeyi production modunda derleyen bir komut daha ekleyelim:

package.json"prod": "webpack --mode production"

Sonuç olarak, package.json dosyamız aşağıdaki gibi görünecek:

package.json"scripts": {
  "build": "webpack",
  "dev":   "webpack --mode development",
  "prod":  "webpack --mode production",
}

Artık terminalde, farklı komutlarla farklı modlarda derleme yapabileceğiz. Geliştirme modunda derleme için şunu yazacağız:

terminalnpm run dev

Production modunda derleme için ise şunu yazacağız:

terminalnpm run prod