У 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 - все, що я міг вирішити всі проблеми. Основна перевага перед усіма іншими рішеннями - це можливість запускати скрипт з аргументами .

{
  "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 -- {*}\" --",

У мене є розробка платформ без додаткових модулів . Я шукав щось на зразок блоку спробу вловлювання, який би я міг використовувати як у 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. Ви можете покращити сценарії, щоб виводити приводи роздвоєного процесу у такий файл:

"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 (включаючи ОС X), і NPM так чи інакше використовує оболонку

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

npm-run-all --parallel task1 task2

редагувати:

Попередньо потрібно мати npm-run-all . Перевірте також цю сторінку щодо інших сценаріїв використання.

Як щодо роздвоєння

Ще один варіант запуску декількох сценаріїв Вузла - це один сценарій Вузла, який може розщедрити багато інших. Форкінг підтримується в 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
});

Спілкування з роздвоєними сценаріями

Форкінг також має додаткову перевагу в тому, що батьківський скрипт може приймати події з роздвоєних дочірніх процесів, а також надсилати назад. Поширений приклад - батьківський сценарій, щоб вбити своїх роздвоєних дітей.

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

Більш доступні події та методи див. У ChildProcessдокументації

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

Інші рішення хочуть запустити будь-яку задачу з таким ім'ям, як npm-run-all, що не було моїм випадком використання.

Тож я створив npm-run-paralle, який запускає сценарії npm асинхронно і звітує про них, коли вони закінчені.

Отже, для ваших сценаріїв це буде:

npm-run-parallel wp-server start-watch

У моєму випадку у мене є два проекти, один - інтерфейс користувача, а інший - 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 в режимі перегляду, я зможу бачити вихід лише з останньої команди, яку я запустив. Тож більшу частину часу я виконував усі свої команди вручну ...

Ось чому я реалізую власний ліб, запущений екран . Це ще дуже молодий проект (з вчорашнього дня: 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");
})();

Простий скрипт із вузлом, щоб ви проходили без зайвих клопотів. Використовуючи лінію читання для комбінування результатів, щоб рядки не заплутувалися.

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