การ build อัตโนมัติใน Webpack

เราสามารถตั้งค่าให้ Webpack ติดตามการเปลี่ยนแปลง ไฟล์ในโปรเจกต์และรันกระบวนการ build ขึ้นมาใหม่ทุกครั้งได้ โดยอัตโนมัติ ในการทำเช่นนั้น ภายใน 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