How can I 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",   } 

I have to run these 2 scripts in parallel everytime I start developing in Node.js. The first thing I thought of was adding a third script like this:

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

... but that will wait for start-watch to finish before running wp-server.

How can I run these in parallel? Please keep in mind that I need to see the output of these commands. Also, if your solution involves a build tool, I'd rather use gulp instead of grunt because I already use it in another project.

Answer 1

Use a package called concurrently.

npm i concurrently --save-dev 

Then setup your npm run dev task as so:

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

Answer 2

If you're using an UNIX-like environment, just use & as the separator:

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

Otherwise if you're interested on a cross-platform solution, you could use npm-run-all module:

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