npm run 同时执行多个命令

  在项目中可能须要一套代码同时部署几套环境,每一次改动就须要同时打包N次。这时就须要可以一个命令同时打包屡次,省去了不少麻烦。vue

  这里咱们须要用到 concurrently 这个 npm 包,可以实现咱们要的功能。node

// 首先进行安装
npm install concurrently --save

// 而后在 package.json 里面的 scripts 内部修改
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "test": "node build/build.js test",
    "prepub:hwt": "node build/build.js hwy_test",
    "prepub:dxt": "node build/build.js dxy_test",
    "build:hw": "node build/build.js hwy_pro",
    "build:dx": "node build/build.js dxy_pro",
    "all": "concurrently \"node build/build.js hwy_test\" \"node build/build.js dxy_test\"  \"node build/build.js hwy_pro\" \"node build/build.js dxy_pro\""
  },

上面的 all 就至关与同时执行了 prepub:hwt、prepub:dxt、build:hw、build:dx 这四个命令。webpack

这是其一,还有一种方法也能够执行多个命令,就是在两个命令之间用 && 链接:web

// 首先进行安装
npm install concurrently --save

// 而后在 package.json 里面的 scripts 内部修改
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "test": "node build/build.js test",
    "prepub:hwt": "node build/build.js hwy_test",
    "prepub:dxt": "node build/build.js dxy_test",
    "build:hw": "node build/build.js hwy_pro",
    "build:dx": "node build/build.js dxy_pro",
    "all": "node build/build.js hwy_test && node build/build.js dxy_test && node build/build.js hwy_pro && node build/build.js dxy_pro"
  },

两种方法都能实现一个命令执行多个脚本,不一样的是 concurrently 是并联的,&& 是串联的。npm

在时间上,第一个方法远比第二个方法要快。json

相关文章
相关标签/搜索