ავტომატური აწყობა Webpack-ში

შესაძლებელია გაკეთდეს ისე, რომ Webpack-მა თვალყური ადევნოს პროექტის ფაილებში ცვლილებებს და თავად ყოველ ჯერზე გაუშვას აწყობა. ამისთვის scripts-ში საჭიროა შევიტანოთ შემდეგი კონფიგურაცია:

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

საბოლოოდ, ჩვენი package.json ფაილი მიიღებს შემდეგს სახეს:

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

ფაილების თვალთვალის გაშვება შესაძლებელია შემდეგი ბრძანებით:

terminalnpm run watch

ამის შემდეგ ტერმინალში შეუძლებელი იქნება სხვა ბრძანების შეყვანა, სანამ არ შეწყვეტთ თვალთვალს ბრძანებით Ctrl + C.

Задание 1

შეიტანეთ თქვენს package.json-ში შესაბამისი კონფიგურაციები.

Задание 2

გაუშვით Webpack თვალთვალის რეჟიმში.

Задание 3

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

Задание 4

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