npm - 如何使用 package.json 中的 NPM 脚本启动来运行/启动 json-server 和 live-server？

Question

我有一个包含 html/css/javascript 文件的项目，我想输入命令 npm start运行json-server和 live-server .

我尝试了这个命令:"start": "json-server --watch db.json && live-server" ，但它仅启动第一个命令，而不启动两个命令。

package.json

{
  "name": "testa-npm-live-server",
  "version": "1.0.0",
  "description": "",
  "main": "",
  "dependencies": {},
  "devDependencies": {
    "json-server": "^0.16.1",
    "live-server": "^1.2.1"
  },
  "scripts": {
    "start": "json-server --watch db.json && live-server"
  },
  "author": "",
  "license": "ISC"
}

IDE:vscode
节点版本:v12.18.1
NPM版本:6.14.5

Answer 1

使用concurrently以并行方式运行命令。 && 以串行/顺序运行，即第二个命令仅在第一个命令完成运行后才启动。

{
  "name": "testa-npm-live-server",
  "version": "1.0.0",
  "description": "",
  "main": "",
  "dependencies": {},
  "devDependencies": {
    "concurrently": "^5.2.0",
    "json-server": "^0.16.1",
    "live-server": "^1.2.1"
  },
  "scripts": {
    "start": "concurrently \"json-server --watch db.json\" \"live-server\""
  },
  "author": "",
  "license": "ISC"
}

非常感谢 NodeSchool Campinas 的社区帮助:)