Настройка портов в WebStorm - приложение React + Node Express

Question

Я собираюсь сделать полную реализацию с помощью WebStorm IDE. Я использую response.js и node-express для этого. Я могу сделать это в отдельных проектах. Но я хочу знать, как реализовать бэкэнд и веб-интерфейс в проекте WebStorm при настройке портов.

При запуске веб-интерфейса мы можем указать стартовый html-файл в файле package.json в "start": "parcel index.html". При запуске бэкэнда мы можем дать "node app.js" Но это можно сделать, когда мы выполняем реализацию в двух разных проектах.

Но если мы выполняем как внешний, так и внутренний интерфейсы, как я могу начать реагировать на части и части с выражением узла на двух разных портах? Например:
- приложение для реагирования> localhost: 1234
- узел-экспресс> localhost: 3000

"start": "parcel index.html"
"start": "node app.js"

// в package.json мы можем установить только один start

Answer 1

Вы можете использовать пакет типа npm-run-all для достижения этой цели. Установите его, затем в вашем файле package.json есть два отдельных скрипта (например, start-front-end и start-server), которые npm-run-all выполняет, например,

"scripts": {
  "start-front-end": "parcel index.html --open",
  "start-server": "node app.js",
  "start": "npm-run-all start-server start-front-end",
}