Apa itu npm scripts dan lifecycle hooks?

Question

Accepted Answer

**npm scripts** adalah perintah yang didefinisikan dalam field `scripts` dari `package.json` yang Anda jalankan dengan `npm run `. Mereka menstandarkan tugas proyek (start, build, test, lint) sehingga seluruh tim dan CI menggunakan perintah yang sama. **Lifecycle hooks** adalah skrip khusus yang npm jalankan secara otomatis pada titik-titik tertentu. ## Mendefinisikan dan menjalankan skrip ```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 ``` Skrip dapat merantai perintah dengan `&&` (jalankan secara berurutan, hentikan jika gagal) dan memiliki akses ke biner yang diinstal secara lokal (di `node_modules/.bin`) tanpa path — jadi `"test": "vitest"` bekerja meskipun vitest tidak global. ## Pre dan post hooks (otomatis) ```json { "scripts": { "prebuild": "rimraf dist", // runs AUTOMATICALLY before "build" "build": "tsc", "postbuild": "echo done" // runs AUTOMATICALLY after "build" } } ``` npm secara otomatis menjalankan `pre` sebelum dan `post` setelah skrip apa pun ``. Jadi `npm run build` menjalankan `prebuild` → `build` → `postbuild` secara berurutan — berguna untuk langkah setup/cleanup. ## 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 seperti `postinstall` dan `prepare` berjalan pada titik-titik yang ditentukan dari siklus hidup instalasi — sering digunakan untuk menyiapkan git hooks (husky) atau mengkompilasi dependensi native. (Berhati-hatilah: skrip `postinstall` dalam dependensi juga merupakan pertimbangan keamanan rantai pasokan.) ## Melewatkan argumen dan env vars ```bash npm run test -- --watch # pass args to the script after -- NODE_ENV=production npm start # set an env var for the run ``` ## Mengapa npm scripts dibanding Makefile/alat global ```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` ``` ## Mengapa ini penting npm scripts adalah task runner standar untuk proyek Node/JS — mereka memusatkan dan mendokumentasikan cara memulai, membangun, menguji, dan melinting aplikasi, memastikan semua orang (dan CI) menjalankan perintah yang identik. Memahami komposisi skrip, hooks `pre`/`post` otomatis (untuk langkah setup/cleanup), dan lifecycle hooks seperti `postinstall`/`prepare` memungkinkan Anda mengotomatisasi alur kerja proyek dengan bersih. Mereka adalah lem dari tooling proyek dan muncul di hampir setiap repositori Node.