Tự động hóa quá trình build trong Webpack

Có thể cấu hình để Webpack theo dõi thay đổi trong các file của dự án và tự động chạy lại quá trình build mỗi lần. Để làm điều này, trong scripts cần thêm cấu hình sau:

"watch": "webpack --mode development --watch"

Kết quả là file package.json của chúng ta sẽ trông như sau:

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

Có thể chạy chế độ theo dõi file với lệnh sau:

npm run watch

Sau đó, bạn sẽ không thể nhập bất kỳ lệnh nào khác vào terminal cho đến khi bạn dừng chế độ theo dõi bằng lệnh Ctrl + C.

Hãy thêm cấu hình tương ứng vào file package.json của bạn.

Chạy Webpack ở chế độ theo dõi.

Thay đổi các file trong dự án. Kiểm tra xem quá trình build tự động có được chạy không.

Dừng chế độ theo dõi bằng lệnh tương ứng.