Comment exécuter plusieurs scripts npm en parallèle ?

Question

Dans mon package.json, j'ai ces deux scripts :

"scripts": {
    "start-watch": "nodemon run-babel index.js",
    "wp-server": "webpack-dev-serveur",
  }</pré>
<p>Chaque fois que je commence à développer dans Node.js, je dois exécuter ces deux scripts <strong>en parallèle</strong> Ma première pensée a été d'ajouter un troisième script comme celui-ci : </p>
<pre class="brush:php;toolbar:false;">"dev": "npm run start-watch && npm run wp-server"

... mais cela attendra la fin de start-watch avant d'exécuter wp-server.

Comment puis-je exécuter ces commandes en parallèle ? Gardez à l’esprit que je dois voir le output De plus, si votre solution implique des outils de construction, je préfère utiliser gulp que grunt puisque je l'utilise déjà dans un autre projet.

Answer 1

Si vous utilisez un environnement de type UNIX, utilisez simplement & comme délimiteur :

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

Sinon, si vous êtes intéressé par une solution multiplateforme, vous pouvez utiliser le module npm-run-all :

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

Answer 2

Utilisez un package appelé Concurrency.

npm i concurrently --save-dev

Puis configurez votre npm run dev tâche comme suit :

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