การกำหนดโหมดการ build ผ่าน scripts ใน Webpack

คุณสามารถกำหนดโหมดการ build ไม่ได้เฉพาะในไฟล์ คอนฟิกเท่านั้น แต่ยังทำได้ผ่านการตั้งค่า scripts ในไฟล์ package.json ได้ด้วย ขณะนี้ในไฟล์นี้ เรามีคำสั่ง build อยู่ ซึ่งจะ build โปรเจกต์ในโหมด ที่ระบุไว้ในไฟล์คอนฟิก:

package.json"scripts": {
  "build": "webpack"
}

มาลองเพิ่มคำสั่งสำหรับ build โปรเจกต์ในโหมด development กัน:

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

เรามาเพิ่มคำสั่งสำหรับ build โปรเจกต์ในโหมด production กันด้วย:

package.json"prod": "webpack --mode production"

ในที่สุดไฟล์ package.json ของเราจะ มีลักษณะดังนี้:

package.json"scripts": {
  "build": "webpack",
  "dev":   "webpack --mode development",
  "prod":  "webpack --mode production",
}

ตอนนี้ในเทอร์มินอล เราสามารถใช้คำสั่งต่างๆ เรียกการ build ในโหมดต่างๆ ได้ สำหรับการ build ในโหมด development เราจะเขียนดังนี้:

terminalnpm run dev

และสำหรับการ build ในโหมด production - จะเขียนดังนี้:

terminalnpm run prod