Автоматическая сборка в 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

Прервите отслеживание соответствующей командой.