Как одновременно запустить json-server и React/vue по npm start?

Question

[bormor]

Вариант в лоб не срабатывает (на примере VueJS)

"scripts": {
    "start": "npm run dev & npm run rest-api",
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "rest-api": "json-server --watch server/api/db.json"
  },

Запускается Vue и начинает отслеживать изменения. До json-server очередь не доходит.

Как можно добиться по npm start одновременного запуска и json-serverа и сборки фронтенда на Vue/React?

Answer 1

[Максим]

Первые три ссылки в гугл:
1) пакет npm-run-all
2) пакет npm-run-parallel
3) вопрос на so и четвертый пакет (https://github.com/kimmobrunfeldt/concurrently - я бы начал с него)

поисковый запрос: npm run parallel scripts

Comments

[bormor]

спасибо

[Александр Баля]

Использовал npm-run-all в своем конфиге, работает как надо. Вот пример:

"scripts": {
    "api-server": "json-server --watch db.json",
    "dev": "cross-env NODE_ENV=development webpack --mode development",
    "build": "cross-env NODE_ENV=production webpack --mode production",
    "watch": "cross-env NODE_ENV=development webpack --mode development --watch",
    "dev-server": "cross-env NODE_ENV=development webpack-dev-server --mode development --open",
    "start": "run-p api-server dev-server"
  }

Answer 2

[Антон Швец]

npm run rest-api &; npm run dev
Какие пакеты, божеж.....

Comments

[bormor]

Вариант с пакетами завелся, вариант с

"scripts": {
    "start": "npm run rest-api &; npm run dev",
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
    "rest-api": "json-server --watch server/api/db.json"
  },

Почему-то не сработал. Сервер заводиться, фронтенд нет.

Я корректно его использую?

[Антон Швец]

bormor, на винде наверно не запустится

[Coder321]

Антон, на винде точки с запятой не нужно

Answer 3

[Dark_Scorpion]

Модуль pm2 для запуска разных приложений и возможностью создание кластеров.
Можно через командную строку по отдельности, можно одновременно через pm2.config.js файл:

module.exports = {
  apps : [{
    name        : "worker",
    script      : "./worker.js",
  }, {
    name       : "api-app",
    script     : "./api.js",
  }]
}