ავტომატური აწყობა 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 თვალთვალის რეჟიმში.

შეიტანეთ ცვლილებები პროექტის ფაილებში. შეამოწმეთ, რომ მოხდეს ავტომატური აწყობა.

შეაჩერეთ თვალთვალი შესაბამისი ბრძანებით.