How to run multiple npm scripts in parallel?

Question

In my package.json I have these two scripts:

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

Every time I start developing in Node.js, I have to run these two scripts in parallel My first thought was to add a third script like this:

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

...but this will wait for start-watch to complete before running wp-server.

How can I run these commands in parallel? Keep in mind that I need to see the output of these commands. Also, if your solution involves build tools, I'd rather use gulp than grunt since I'm already using it in another project.

Answer 1

If you are using a UNIX-like environment, just use & as the delimiter:

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

Otherwise, if you are interested in a cross-platform solution, you can use the npm-run-all module:

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

Answer 2

Use a package named Concurrency.

npm i concurrently --save-dev

Then set up your npm run dev task as follows:

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