Webpackда автомат сборка

Webpack-ни лойиҳа файлларининг ўзгаришини кузатиб туриши ва ҳар сафар ўзи сборкани ишга тушириши мумкин. Бунинг учун scripts га куйидаги мосламани киритиш керак:

"watch": "webpack --mode development --watch"

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

"scripts": {
	"build": "webpack",
	"dev":   "webpack --mode development",
	"prod":  "webpack --mode production",
	"watch": "webpack --mode development --watch"
},

Файлларни кузатишни куйидаги буйруқ орқали ишга тушириш мумкин:

npm run watch

Шундан сўнг сиз кузатишни Ctrl + C буйруги билан тўхгатмагунингизча, терминалга ҳеч қандай буйруқ кирита олмайсиз.

Ўз package.json файлингизга мос маълумотларни киритинг.

Webpack-ни кузатиш режимида ишга туширинг.

Лойиҳа файлларига ўзгартиришлар киритинг. Автомат сборка бўлишини текшириб кўринг.

Кузатишни мос буйруқ билан тўхгатинг.