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

Внесите изменения в файлы проекта. Проверьте, что произойдет автоматическая сборка.

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