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:

"scripts": {
	"build": "webpack"
}

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

"dev": "webpack --mode development"

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

"prod": "webpack --mode production"

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

"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:

npm run dev

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

npm run prod

package.json dosyanıza ilgili ayarları ekleyin.

Projenizi geliştirme modunda derleyin.

Projenizi production modunda derleyin.