По моему у package.jsonменя есть два скрипта:

  "scripts": {
    "start-watch": "nodemon run-babel index.js",
    "wp-server": "webpack-dev-server",
  }

Я должен запускать эти 2 сценария параллельно каждый раз, когда начинаю разработку в Node.js. Первое, о чем я подумал, это добавить третий скрипт:

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

... но это будет ждать start-watchдо конца, прежде чем бежать wp-server.

Как я могу запустить их параллельно? Пожалуйста, имейте в виду, что мне нужно увидеть outputэти команды. Кроме того, если ваше решение включает в себя инструмент для сборки, я бы предпочел использовать его, gulpа не gruntпотому, что я уже использую его в другом проекте.

Используйте пакет, который вызывается одновременно .

npm i concurrently --save-dev

Затем настройте вашу npm run devзадачу так:

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

Если вы используете UNIX-подобную среду, просто используйте &в качестве разделителя:

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

В противном случае, если вы заинтересованы в кроссплатформенном решении, вы можете использовать модуль npm-run-all :

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

Из Windows CMD вы можете использовать start:

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

Каждая команда, запускаемая таким образом, запускается в собственном окне.

Вы должны использовать npm-run-all (или concurrently, parallelshell), потому что он имеет больший контроль над командами запуска и уничтожения. Операторы &, |плохие идеи , потому что вам нужно вручную остановить его после того, как все тесты закончены.

Это пример тестирования транспортира через npm:

scripts: {
  "webdriver-start": "./node_modules/protractor/bin/webdriver-manager update && ./node_modules/protractor/bin/webdriver-manager start",
  "protractor": "./node_modules/protractor/bin/protractor ./tests/protractor.conf.js",
  "http-server": "./node_modules/http-server/bin/http-server -a localhost -p 8000",
  "test": "npm-run-all -p -r webdriver-start http-server protractor"
}

-p = Выполнять команды параллельно.

-r = Убить все команды, когда одна из них завершится с нулевым кодом выхода.

Запуск npm run testзапустит драйвер Selenium, запустит http-сервер (для обслуживания ваших файлов) и запустит тесты транспортира. После завершения всех тестов он закроет http-сервер и драйвер селена.

Вы можете использовать один &для параллельного запуска скрипта

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

Ссылка ссылка

Лучшее решение - использовать &

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

Я проверил почти все решения сверху и только с помощью npm-run-all я смог решить все проблемы. Основным преимуществом перед всеми другими решениями является возможность запуска скрипта с аргументами .

{
  "test:static-server": "cross-env NODE_ENV=test node server/testsServer.js",
  "test:jest": "cross-env NODE_ENV=test jest",
  "test": "run-p test:static-server \"test:jest -- {*}\" --",
  "test:coverage": "npm run test -- --coverage",
  "test:watch": "npm run test -- --watchAll",
}

Примечание run-pявляется ярлыком дляnpm-run-all --parallel

Это позволяет мне запускать команду с такими аргументами, как npm run test:watch -- Something.

РЕДАКТИРОВАТЬ:

Есть еще одна полезная опция для npm-run-all:

 -r, --race   - - - - - - - Set the flag to kill all tasks when a task
                            finished with zero. This option is valid only
                            with 'parallel' option.

Добавьте -rв свой npm-run-allскрипт, чтобы убить все процессы, когда один закончил с кодом 0. Это особенно полезно, когда вы запускаете HTTP-сервер и другой скрипт, который использует сервер.

  "test": "run-p -r test:static-server \"test:jest -- {*}\" --",

У меня есть кроссплатформенное решение без каких-либо дополнительных модулей . Я искал что-то вроде блока try catch, который мог бы использовать как в cmd.exe, так и в bash.

Решение, command1 || command2которое, кажется, работает в обеих средах одинаково. Таким образом, решение для ОП:

"scripts": {
  "start-watch": "nodemon run-babel index.js",
  "wp-server": "webpack-dev-server",
  // first command is for the cmd.exe, second one is for the bash
  "dev": "(start npm run start-watch && start npm run wp-server) || (npm run start-watch & npm run wp-server)",
  "start": "npm run dev"
}

Тогда простые npm start(а npm run dev) будут работать на всех платформах!

Если вы замените двойной амперсанд одним амперсандом, сценарии будут выполняться одновременно.

Быстрое решение

В этом случае я бы сказал, что лучше всего. Если этот сценарий предназначен для частного модуля, предназначенного для запуска только на компьютерах с * nix , вы можете использовать оператор управления для разветвления процессов, который выглядит следующим образом:&

Пример этого в частичном файле package.json:

{
  "name": "npm-scripts-forking-example",
  "scripts": {
    "bundle": "watchify -vd -p browserify-hmr index.js -o bundle.js",
    "serve":  "http-server -c 1 -a localhost",
    "serve-bundle": "npm run bundle & npm run serve &"
  }

Затем вы выполняете их одновременно через npm run serve-bundle. Вы можете улучшить сценарии для вывода pids разветвленного процесса в файл следующим образом:

"serve-bundle": "npm run bundle & echo \"$!\" > build/bundle.pid && npm run serve & echo \"$!\" > build/serve.pid && npm run open-browser",

Google что-то вроде оператора управления bash за разветвление, чтобы узнать больше о том, как это работает. Я также предоставил некоторые дополнительные сведения об использовании технологий Unix в проектах Node ниже:

Дополнительный контекст RE: Unix Tools & Node.js

Если вы не используете Windows, инструменты / методики Unix часто хорошо работают для достижения чего-либо с помощью сценариев Node, потому что:

1. Большая часть Node.js с любовью подражает принципам Unix
2. Вы используете * nix (включая OS X), а NPM все равно использует оболочку

Модули для системных задач в Nodeland также часто являются абстракциями или приближениями инструментов Unix, от fsдо streams.

npm-run-all --parallel task1 task2

редактировать:

Вам необходимо предварительно установить npm-run-all . Также проверьте эту страницу для других сценариев использования.

Как насчет разветвления

Другой вариант запуска нескольких сценариев Node - с одним сценарием Node, который может разветвлять многие другие. Форкинг изначально поддерживается в Node, поэтому он не добавляет никаких зависимостей и является кроссплатформенным.

Минимальный пример

Это просто запустит сценарии как есть и предположит, что они находятся в каталоге родительского сценария.

// fork-minimal.js - run with: node fork-minimal.js

const childProcess = require('child_process');

let scripts = ['some-script.js', 'some-other-script.js'];
scripts.forEach(script => childProcess.fork(script));

Подробный пример

Это будет запускать сценарии с аргументами и настраиваться многими доступными параметрами.

// fork-verbose.js - run with: node fork-verbose.js

const childProcess = require('child_process');

let scripts = [
    {
        path: 'some-script.js',
        args: ['-some_arg', '/some_other_arg'],
        options: {cwd: './', env: {NODE_ENV: 'development'}}
    },    
    {
        path: 'some-other-script.js',
        args: ['-another_arg', '/yet_other_arg'],
        options: {cwd: '/some/where/else', env: {NODE_ENV: 'development'}}
    }
];

let processes = [];

scripts.forEach(script => {
    let runningScript = childProcess.fork(script.path, script.args, script.options);

   // Optionally attach event listeners to the script
   runningScript.on('close', () => console.log('Time to die...'))

    runningScripts.push(runningScript); // Keep a reference to the script for later use
});

Общение с помощью разветвленных скриптов

Forking также имеет дополнительное преимущество, заключающееся в том, что родительский скрипт может получать события от разветвленных дочерних процессов, а также отправлять их обратно. Типичным примером является родительский скрипт для уничтожения его разветвленных потомков.

 runningScripts.forEach(runningScript => runningScript.kill());

Для более доступных событий и методов см. ChildProcessДокументацию

Я столкнулся с проблемами с &и |, которые выходят из состояний и выдачи ошибок, соответственно.

Другие решения хотят запускать любую задачу с заданным именем, например, npm-run-all, что не было моим вариантом использования.

Поэтому я создал npm-run -rallel, который запускает сценарии npm асинхронно и сообщает о завершении работы.

Итак, для ваших сценариев это будет:

npm-run-parallel wp-server start-watch

В моем случае у меня есть два проекта, один из которых был UI, а другой - API , и оба имеют свой собственный скрипт в своих соответствующих package.jsonфайлах.

Итак, вот что я сделал.

npm run --prefix react start&  npm run --prefix express start&

npm install npm-run-all --save-dev

package.json:

"scripts": {
  "start-watch": "...",
  "wp-server": "...",
  "dev": "npm-run-all --parallel start-watch wp-server"
}

Дополнительная информация: https://github.com/mysticatea/npm-run-all/blob/master/docs/npm-run-all.md.

Я использовал npm-run-all в течение некоторого времени, но я никогда не ладил с ним, потому что вывод команды в режиме просмотра не очень хорошо работает вместе. Например, если я начну create-react-appи jestв режиме просмотра, я смогу увидеть вывод только из последней выполненной команды. Поэтому большую часть времени я выполнял все свои команды вручную ...

Вот почему я реализую свой собственный lib, run-screen . Это еще очень молодой проект (со вчерашнего дня: p), но, возможно, стоит взглянуть на него, в вашем случае это будет:

run-screen "npm run start-watch" "npm run wp-server"

Затем вы нажимаете цифровую клавишу, 1чтобы увидеть результат, wp-serverи нажмите, 0чтобы увидеть результат start-watch.

Мое решение похоже на Piittis, хотя у меня были некоторые проблемы с использованием Windows. Поэтому я должен был проверить для win32.

const { spawn } = require("child_process");

function logData(data) {
    console.info(`stdout: ${data}`);
}

function runProcess(target) {
    let command = "npm";
    if (process.platform === "win32") {
        command = "npm.cmd"; // I shit you not
    }
    const myProcess = spawn(command, ["run", target]); // npm run server

    myProcess.stdout.on("data", logData);
    myProcess.stderr.on("data", logData);
}

(() => {
    runProcess("server"); // package json script
    runProcess("client");
})();

Простой нод-скрипт, который поможет вам без особых хлопот. Использование readline для объединения выходных данных, чтобы линии не были искажены.

const { spawn } = require('child_process');
const readline = require('readline');

[
  spawn('npm', ['run', 'start-watch']),
  spawn('npm', ['run', 'wp-server'])
].forEach(child => {
    readline.createInterface({
        input: child.stdout
    }).on('line', console.log);

    readline.createInterface({
        input: child.stderr,
    }).on('line', console.log);
});

"dev": "(cd api && start npm run start) & (cd ../client && start npm run start)"

эта работа в windows