Webpack-да scripts орқали қуриш режимлари

Қуриш режимини конфигурация файлида эмас, балки scripts файлининг package.json созламалари орқали белгилаб бериш мумкин. Ҳозирда бизнинг бу файлда build командаси жойлашган, у конфигурация файлида кўрсатилган режимда лойиҳани яратади:

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

Келинг, ишлаб чиқариш режимида лойиҳани яратувчи командани қўшайлик:

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

Келинг, ишлаб чиқариш режимида лойиҳани яратувчи командани ҳам қўшайлик:

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

Натижада бизнинг package.json файлимиз қуйидагича кўринишга келади:

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

Энди терминалда турли командалар ёрдамида турли режимларда қуришни чақиришимиз мумкин. Ишлаб чиқариш режимида қуриш учун биз қуйидагини ёзамиз:

terminalnpm run dev

Ишлаб чиқариш режимида қуриш учун - қуйидагини:

terminalnpm run prod