Webpack โหมดเฝ้าดูเป็นคุณสมบัติที่ช่วยให้เครื่องมือตรวจสอบไฟล์ต้นฉบับของคุณสำหรับการเปลี่ยนแปลงและทริกเกอร์การคอมไพล์ใหม่โดยอัตโนมัติเมื่อใดก็ตามที่ตรวจพบการเปลี่ยนแปลง สิ่งนี้มีประโยชน์อย่างยิ่งในระหว่างการพัฒนา เนื่องจากช่วยให้คุณประหยัดเวลาโดยหลีกเลี่ยงการคอมไพล์ใหม่ด้วยตนเองทุกครั้งที่คุณทำการเปลี่ยนแปลงโค้ดของคุณ
ต่อไปนี้คือวิธีที่คุณสามารถใช้ Webpack โหมดนาฬิกาของ:
ทำงาน Webpack ในโหมดนาฬิกา
ในการรัน Webpack ในโหมดเฝ้าดู คุณสามารถใช้ --watch แฟล็กเมื่อรัน webpack คำสั่งผ่านเทอร์มินัลของคุณ ตัวอย่างเช่น:
npx webpack --watch
ด้วยคำสั่งนี้ Webpack จะเริ่มดูไฟล์ต้นฉบับของคุณและคอมไพล์บันเดิลใหม่โดยอัตโนมัติทุกครั้งที่คุณบันทึกการเปลี่ยนแปลง
Webpack การกำหนดค่า
คุณยังสามารถตั้งค่าโหมดเฝ้าดูใน webpack ไฟล์การกำหนดค่าของคุณ( webpack.config.js) โดยเพิ่ม watch: true ตัวเลือก:
module.exports = {
// ...other configuration options
watch: true
};
ด้วยวิธีนี้ คุณไม่จำเป็นต้องใช้ --watch แฟล็กทุกครั้งที่รัน webpack คำสั่ง
พฤติกรรม
เมื่อ Webpack อยู่ในโหมดเฝ้าดู ระบบจะตรวจสอบไฟล์ต้นฉบับของคุณอย่างต่อเนื่องเพื่อหาการเปลี่ยนแปลง เมื่อใดก็ตามที่คุณทำการเปลี่ยนแปลงและบันทึกไฟล์ Webpack จะคอมไพล์บันเดิลอีกครั้งโดยอัตโนมัติ ซึ่งช่วยให้คุณเห็นการเปลี่ยนแปลงในแอปพลิเคชันของคุณโดยไม่ต้องเรียกใช้กระบวนการสร้างด้วยตนเองทุกครั้ง
โปรดทราบว่าแม้ว่าโหมดนาฬิกาจะเหมาะสำหรับการพัฒนา แต่โดยปกติแล้วโหมดนี้จะไม่ถูกใช้ในการผลิตบิลด์ เนื่องจากอาจใช้ทรัพยากรโดยไม่จำเป็น สำหรับบิลด์การผลิต โดยทั่วไป คุณจะใช้ Webpack เพื่อสร้างบันเดิลที่ปรับให้เหมาะสมและย่อขนาดโดยไม่มีโหมดนาฬิกา
อย่าลืมอ้างอิง Webpack เอกสารอย่างเป็นทางการสำหรับข้อมูลล่าสุดเกี่ยวกับการใช้โหมดนาฬิกาและตัวเลือกที่เกี่ยวข้อง