Wie führe ich mehrere NPM-Skripte parallel aus?

Question

In meinem package.json habe ich diese beiden Skripte:

"scripts": {
    „start-watch“: „nodemon run-babel index.js“,
    „wp-server“: „webpack-dev-server“,
  }

Jedes Mal, wenn ich mit der Entwicklung in Node.js beginne, muss ich diese beiden Skripte parallel ausführen Mein erster Gedanke war, ein drittes Skript wie dieses hinzuzufügen:

"dev": "npm run start-watch && npm run wp-server"

...aber dies wartet, bis start-watch abgeschlossen ist, bevor wp-server ausgeführt wird.

Wie kann ich diese Befehle parallel ausführen? Denken Sie daran, dass ich die Ausgabe sehen muss. Wenn Ihre Lösung außerdem Build-Tools umfasst, verwende ich lieber gulp als grunt, da ich es bereits in einem anderen Projekt verwende.

Answer 1

如果您使用的是类 UNIX 环境，只需使用 & 作为分隔符：

"dev": "npm run start-watch & npm run wp-server"

否则，如果您对跨平台解决方案感兴趣，可以使用 npm-run-all模块：

"dev": "npm-run-all --parallel start-watch wp-server"

Answer 2

使用名为并发的包。

npm i concurrently --save-dev

然后按如下方式设置您的 npm run dev 任务：

"dev": "concurrently --kill-others \"npm run start-watch\" \"npm run wp-server\""