npm scripts และ lifecycle hooks คืออะไร?

Question

Accepted Answer

**npm scripts** คือคำสั่งที่กำหนดไว้ในฟิลด์ `scripts` ของ `package.json` ซึ่งคุณรันด้วย `npm run ` พวกเขาเป็นมาตรฐานสำหรับงานของโปรเจกต์ (start, build, test, lint) เพื่อให้ทีมทั้งหมดและ CI ใช้คำสั่งเดียวกัน **Lifecycle hooks** เป็น scripts พิเศษที่ npm รันโดยอัตโนมัติในจุดใดจุดหนึ่ง ## การกำหนดและการรัน scripts ```json { "scripts": { "start": "node server.js", "dev": "nodemon server.js", "build": "tsc && vite build", "test": "vitest", "lint": "eslint src", "format": "prettier --write ." } } ``` ```bash npm run dev # any script npm start # `start` and `test` have shortcuts (no "run" needed) npm test ``` Scripts สามารถเชื่อมต่อคำสั่งด้วย `&&` (รันตามลำดับ หยุดเมื่อเกิดข้อผิดพลาด) และมีสิทธิ์เข้าถึง binaries ที่ติดตั้งในเครื่อง (ใน `node_modules/.bin`) โดยไม่มีพาธ — ดังนั้น `"test": "vitest"` ใช้ได้แม้ว่า vitest ไม่เป็นโปรแกรมทั่วโลก ## Pre และ post hooks (อัตโนมัติ) ```json { "scripts": { "prebuild": "rimraf dist", // runs AUTOMATICALLY before "build" "build": "tsc", "postbuild": "echo done" // runs AUTOMATICALLY after "build" } } ``` npm รันโดยอัตโนมัติ `pre` ก่อนและ `post` หลังสคริปต์ใดๆ `` ดังนั้น `npm run build` จะรัน `prebuild` → `build` → `postbuild` ตามลำดับ — สะดวกสำหรับขั้นตอนการตั้งค่า/ทำความสะอาด ## Built-in lifecycle hooks ```json { "scripts": { "postinstall": "node setup.js", // runs after `npm install` completes "prepare": "husky install" // runs after install (commonly sets up git hooks) } } ``` Hooks เช่น `postinstall` และ `prepare` รันในจุดที่กำหนดของ install lifecycle — มักใช้สำหรับตั้งค่า git hooks (husky) หรือคอมไพล์ dependency ที่เป็นเนทีฟ (ควรระวัง: `postinstall` scripts ใน dependencies ยังเป็นประเด็นด้านความปลอดภัยของ supply-chain ด้วย) ## การส่งผ่านอาร์กิวเมนต์และตัวแปรสภาพแวดล้อม ```bash npm run test -- --watch # pass args to the script after -- NODE_ENV=production npm start # set an env var for the run ``` ## เหตุใด npm scripts เหนือ Makefile/global tools ```text ✓ Self-documenting — `package.json` shows all available tasks ✓ Cross-platform-ish, no global installs needed (uses local node_modules/.bin) ✓ Standard across the JS ecosystem — every dev knows `npm run` ``` ## ทำไมมันถึงสำคัญ npm scripts เป็น task runner มาตรฐานสำหรับโปรเจกต์ Node/JS — พวกเขารวมศูนย์และจัดเอกสารวิธีการเริ่มต้น สร้าง ทดสอบ และ lint แอป เพื่อให้แน่ใจว่าทุกคน (และ CI) รันคำสั่งที่เหมือนกัน การทำความเข้าใจโครงสร้าง script, automatic `pre`/`post` hooks (สำหรับการตั้งค่า/ทำความสะอาด) และ lifecycle hooks เช่น `postinstall`/`prepare` ช่วยให้คุณสามารถอัตโนมัติขั้นตอนการทำงานของโปรเจกต์ได้อย่างสะอาด พวกเขาเป็น "กาว" ของเครื่องมือโปรเจกต์และปรากฏขึ้นในที่สุดในทุก repository ของ Node