摘要：腳本的退出碼，也遵守腳本規(guī)則。比如，這個(gè)腳本命令，也有和鉤子。簡(jiǎn)寫(xiě)是的簡(jiǎn)寫(xiě)是的簡(jiǎn)寫(xiě)是的簡(jiǎn)寫(xiě)是的簡(jiǎn)寫(xiě)執(zhí)行順序的內(nèi)部變量通過(guò)前綴，腳本可以拿到里面的字段如果是腳本，可以用前綴取值腳本還可以通過(guò)前綴，拿到的配置變量，即命令返回的值。

在package.json文件里面，使用scripts字段定義的腳本命令

{
  // ...
  "scripts": {
    "build": "node build.js"
  }
}

$ npm run build
# 等同于執(zhí)行
$ node build.js

#查看當(dāng)前項(xiàng)目的所有 npm 腳本命令
#(其實(shí)也可以在package.json的看scripts對(duì)象里有什么屬性)
npm run

每當(dāng)執(zhí)行npm run，就會(huì)自動(dòng)新建一個(gè) Shell，在這個(gè) Shell 里面執(zhí)行指定的腳本命令。
因此，只要是 Shell（一般是 Bash）可以運(yùn)行的命令，就可以寫(xiě)在 npm 腳本里面。
比較特別的是，npm run新建的這個(gè) Shell，會(huì)將當(dāng)前目錄的node_modules/.bin子目錄加入PATH變量，執(zhí)行結(jié)束后，再將PATH變量恢復(fù)原樣。這意味著，當(dāng)前目錄的node_modules/.bin子目錄里面的所有腳本，都可以直接用腳本名調(diào)用，而不必加上路徑。
由于 npm 腳本的唯一要求就是可以在 Shell 執(zhí)行，因此它不一定是 Node 腳本，任何可執(zhí)行文件都可以寫(xiě)在里面。npm 腳本的退出碼，也遵守 Shell 腳本規(guī)則。如果退出碼不是0，npm 就認(rèn)為這個(gè)腳本執(zhí)行失敗。

同shell

// *表示任意文件名，**表示任意一層子目錄
"lint": "jshint *.js"
"lint": "jshint **/*.js"
// 將通配符傳入原始命令，防止被 Shell 轉(zhuǎn)義，要將星號(hào)轉(zhuǎn)義
"test": "tap test/*.js"

向 npm 腳本傳入?yún)?shù)，要使用--標(biāo)明

# package.json
"deploy": "gulp deploy",
# 命令行
$ npm run deploy -- --test

#并行執(zhí)行（即同時(shí)的平行執(zhí)行），使用&符號(hào)
$ npm run serve & npm run dev
#繼發(fā)執(zhí)行（即只有前一個(gè)任務(wù)成功，才執(zhí)行下一個(gè)任務(wù)），使用&&符號(hào)
$ npm run build && npm run deploy

不用定義，就可以直接使用(前提是項(xiàng)目根目錄下有server.js腳本和rebuild文件)

"start": "node server.js"，
"install": "node-gyp rebuild"

npm 腳本有pre和post兩個(gè)鉤子

例子

# package.json
"prebuild": "echo I run before the build script",
"build": "cross-env NODE_ENV=production webpack",
"postbuild": "echo I run after the build script",
# 命令行
$ npm run build
# 等同于執(zhí)行
$ npm run prebuild && npm run build && npm run postbuild

自定義的腳本命令也可以加上pre和post鉤子。比如，myscript這個(gè)腳本命令，也有premyscript和postmyscript鉤子。不過(guò)，雙重的pre和post無(wú)效，比如prepretest和postposttest是無(wú)效的。

默認(rèn)的鉤子

prepublish，postpublish
preinstall，postinstall
preuninstall，postuninstall
preversion，postversion
pretest，posttest
prestop，poststop
prestart，poststart
prerestart，postrestart

npm_lifecycle_event變量 (返回當(dāng)前正在運(yùn)行的腳本名稱(chēng),pretest、test、posttest)

#利用這個(gè)變量，在同一個(gè)腳本文件里面，為不同的npm scripts命令編寫(xiě)代碼
const TARGET = process.env.npm_lifecycle_event;

if (TARGET === "test") {
  console.log(`Running the test task!`);
}

if (TARGET === "pretest") {
  console.log(`Running the pretest task!`);
}

if (TARGET === "posttest") {
  console.log(`Running the posttest task!`);
}

注意，prepublish這個(gè)鉤子不僅會(huì)在npm publish命令之前運(yùn)行，還會(huì)在npm install（不帶任何參數(shù)）命令之前運(yùn)行。這種行為很容易讓用戶感到困惑，所以 npm 4 引入了一個(gè)新的鉤子prepare，行為等同于prepublish，而從 npm 5 開(kāi)始，prepublish將只在npm publish命令之前運(yùn)行。

npm start是npm run start的簡(jiǎn)寫(xiě)

npm stop是npm run stop的簡(jiǎn)寫(xiě)

npm test是npm run test的簡(jiǎn)寫(xiě)

npm restart是npm run stop && npm run restart && npm run start的簡(jiǎn)寫(xiě)

執(zhí)行順序
1 prerestart
2 prestop
3 stop
4 poststop
5 restart
6 prestart
7 start
8 poststart
9 postrestart

通過(guò)npm_package_前綴，npm 腳本可以拿到package.json里面的字段
(如果是 Bash 腳本，可以用$npm_package_前綴取值)

// package.json
{
  "name": "foo", 
  "version": "1.2.5",
  "config" : { "port" : "8080" },
  "scripts": {
    "view": "node view.js",
    "start" : "node server.js"
  }
}

// view.js
console.log(process.env.npm_package_name); // foo
console.log(process.env.npm_package_version_view); // node view.js

npm 腳本還可以通過(guò)npm_config_前綴，拿到 npm 的配置變量，即npm config get xxx命令返回的值。
比如，當(dāng)前模塊的發(fā)行標(biāo)簽，可以通過(guò)npm_config_tag取到。

"view": "echo $npm_config_tag",

注意 package.json里面的config對(duì)象，可以被環(huán)境變量覆蓋。

$ npm config set foo:port 80

"env": "env"

// 刪除目錄
"clean": "rimraf dist/*",

// 本地搭建一個(gè) HTTP 服務(wù)
"serve": "http-server -p 9090 dist/",

// 打開(kāi)瀏覽器
"open:dev": "opener http://localhost:9090",

// 實(shí)時(shí)刷新
 "livereload": "live-reload --port 9091 dist/",

// 構(gòu)建 HTML 文件
"build:html": "jade index.jade > dist/index.html",

// 只要 CSS 文件有變動(dòng)，就重新執(zhí)行構(gòu)建
"watch:css": "watch "npm run build:css" assets/styles/",

// 只要 HTML 文件有變動(dòng)，就重新執(zhí)行構(gòu)建
"watch:html": "watch "npm run build:html" assets/html",

// 部署到 Amazon S3
"deploy:prod": "s3-cli sync ./dist/ s3://example-com/prod-site/",

// 構(gòu)建 favicon
"build:favicon": "node scripts/favicon.js",