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:

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

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

package.json"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:

terminalnpm 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.