6

首先来看package.json中的scripts配置图:

clipboard.png

然后,我们可以使用npm run <对应名称> (例如:npm run dev:proxy1运行)。
但我们可以看到

cross-env METHOD=proxy1 npm-run-all --parallel dev proxy1

cross-env

cross-env文档

cross-env能跨平台地设置及使用环境变量

大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。)

cross-env让这一切变得简单,不同平台使用唯一指令,无需担心跨平台问题

npm安装方式

npm i --save-dev cross-env

在npm脚本(多是package.json)里这么配置

{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
  }
}

运行npm run build,这样NODE_ENV便设置成功,无需担心跨平台问题

npm-run-all

npm-run-all文档

npm-run-all软件包提供3个CLI命令。

npm-run-all
run-s
run-p

主命令是npm-run-all。我们可以使用npm-run-all命令制作复杂的计划。

这两种run-s 和 run-p是速记的命令。 run-s用于顺序,run-p用于并行。我们可以使用这些命令制定简单的计划。

clipboard.png

$ npm-run-all --parallel dev proxy2

这类似于:
npm run dev && npm run proxy2

运行mpvue小程序:
clipboard.png
运行koa2服务器后端:
clipboard.png
clipboard.png


Max迪丶先生
1.8k 声望64 粉丝