Cómo ejecutar múltiples scripts de npm con npm-run-all

A veces necesitamos ejecutar una API simulada con JSON-Server y nuestra SPA al mismo tiempo.

Normalmente tenemos que ejecutar cada comando por separado: uno para nuestra SPA (vue serve o ng serve) y el otro para json-server (json-server /db.json).

Una solución es concatenar cada comando usando &&, pero si mañana necesitamos iniciar otro proceso o tarea, la línea terminará viéndose así:

npm run lint && npm run build && npm run API && npm run wherever thing :P

Investigando alternativas, encontré npm-run-all, un paquete de Node.js que nos permite ejecutar todos los scripts definidos en npm de forma secuencial o en paralelo.

Primero, instalamos npm-run-all:

npm install -g npm-run-all

Luego, definimos una nueva opción dentro de nuestra sección de scripts (por ejemplo all) y llamamos a npm-run-all indicando el tipo de ejecución (--parallel o secuencial por defecto) junto con los nombres de los scripts.

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "api": "json-server src/db.json",
    "all": "npm-run-all --parallel serve api"
},

¡Feliz desarrollo con npm!

Foto de Matúš Kovačovský en Unsplash