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

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