Wat zijn npm scripts en lifecycle hooks?

Question

Accepted Answer

**npm scripts** zijn commando's die zijn gedefinieerd in het `scripts` veld van `package.json` en die je uitvoert met `npm run `. Ze standaardiseren projecttaken (start, build, test, lint) zodat het hele team en CI dezelfde commando's gebruiken. **Lifecycle hooks** zijn speciale scripts die npm automatisch op bepaalde momenten uitvoert. ## Scripts definiëren en uitvoeren ```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 kunnen commando's met `&&` samenvoegen (achtereenvolgens uitvoeren, stoppen bij een fout) en hebben toegang tot lokaal geïnstalleerde binaries (in `node_modules/.bin`) zonder pad — dus `"test": "vitest"` werkt zelfs als vitest niet globaal is geïnstalleerd. ## Pre en post hooks (automatisch) ```json { "scripts": { "prebuild": "rimraf dist", // runs AUTOMATICALLY before "build" "build": "tsc", "postbuild": "echo done" // runs AUTOMATICALLY after "build" } } ``` npm voert automatisch `pre` uit voor en `post` na elk script ``. Dus `npm run build` voert `prebuild` → `build` → `postbuild` achtereenvolgens uit — handig voor setup-/opschoningsstappen. ## 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 zoals `postinstall` en `prepare` worden uitgevoerd op gedefinieerde momenten van de installatiecyclus — vaak gebruikt om git hooks (husky) in te stellen of native afhankelijkheden te compileren. (Wees voorzichtig: `postinstall` scripts in afhankelijkheden zijn ook een overwegingen omtrent toeleveringskettingveiligheid.) ## Argumenten en env vars doorgeven ```bash npm run test -- --watch # pass args to the script after -- NODE_ENV=production npm start # set an env var for the run ``` ## Waarom npm scripts in plaats van Makefile/globale 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` ``` ## Waarom het belangrijk is npm scripts zijn de standaard taakuitvoerder voor Node/JS-projecten — ze centraliseren en documenteren hoe je de app start, bouwt, test en lintet, zodat iedereen (en CI) identieke commando's uitvoert. Het begrijpen van scriptsamenstelling, automatische `pre`/`post` hooks (voor setup-/opschoningsstappen) en lifecycle hooks zoals `postinstall`/`prepare` stelt je in staat projectwerkstromen schoon te automatiseren. Ze zijn de lijm van projecttooling en verschijnen in vrijwel elke Node-repository.