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

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

"scripts": {
	"build": "webpack"
}

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

"dev": "webpack --mode development"

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

"prod": "webpack --mode production"

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

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

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

npm run dev

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

npm run prod

กรุณาเพิ่มการตั้งค่าที่เกี่ยวข้องลงใน ไฟล์ package.json ของคุณ

กรุณา build โปรเจกต์ของคุณในโหมด development

กรุณา build โปรเจกต์ของคุณในโหมด production