npm scripts 进阶

发表于

使用 && 顺序执行

1
npm run clean && npm run build

npm run clean 执行完毕后 npm run build 才会执行

使用 & 并行执行

1
npm run dev:client & npm run dev:server

注意，最好在命令尾部加上 & wait，这样命令行进程才能彻底退出

1
npm run dev:client & npm run dev:server & wait

npm script lifecycle hooks （pre，post）

1
2
3
pretest
test
posttest

在任意命令前加 pre，post 即会在相应命令前、后执行

npm-run-all 包

1
npm-run-all dev:client dev:server

默认顺序执行，如果想并行执行，

1
npm-run-all --parallel dev:client dev:server

npm run all 自动帮你在后面增加 & wait

better-npm-run 包

1
2
3
4
5
6
7
8
9
10
11
12
13
"scripts": {
  "dev:client": "better-npm-run dev:client"
},
"betterScripts": {
  "dev:client": {
    "command": "cross-env babel-node server/webpack.devServer.js",
    "env": {
      "NODE_ENV": "development",
      "BABEL_ENV": "client",
      "PORT": 4001
    }
  }
}