내 package.json두 가지 스크립트가 있습니다.

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

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 - 실행 - 모든 (또는 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 = 명령 중 하나가 종료 코드 0으로 끝나면 모든 명령을 종료하십시오.

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

나는이 추가 모듈없이 크로스 플랫폼 솔루션을 . cmd.exe와 bash에서 모두 사용할 수있는 try catch 블록과 같은 것을 찾고있었습니다.

해결책은 command1 || command2두 환경에서 동일하게 작동하는 것 같습니다. 따라서 OP의 솔루션은 다음과 같습니다.

"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. 포크 프로세스의 pid를 파일로 출력하도록 스크립트를 향상시킬 수 있습니다.

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

bash 제어 연산자 와 같은 Google 은 작동 방식에 대해 더 많이 배우고 있습니다. 또한 아래 노드 프로젝트에서 유닉스 기술을 활용하는 것과 관련된 추가 컨텍스트를 제공했습니다.

추가 컨텍스트 RE : Unix Tools & Node.js

Windows를 사용하지 않는 경우 Unix 도구 / 기술은 종종 다음과 같은 이유로 노드 스크립트로 무언가를 달성하는 데 효과적입니다.

1. Node.js의 많은 부분이 유닉스 원칙을 사랑스럽게 모방
2. * nix (OS X 포함)에 있고 NPM이 어쨌든 셸을 사용하고 있습니다.

Nodeland에서 시스템 작업에 대한 모듈은 종종에서 추상화 또는 유닉스 도구의 근사치이다 fs에 streams.

npm-run-all --parallel task1 task2

편집하다:

당신이 필요합니다 NPM-실행이 모두 사전에 설치되어 있어야합니다. 다른 사용 시나리오 도이 페이지 를 확인 하십시오 .

포크는 어떻습니까

여러 노드 스크립트를 실행하는 또 다른 옵션은 수있는 단일 노드 스크립트, 함께 포크 많은 다른 사람을. 포킹은 기본적으로 노드에서 지원되므로 종속성을 추가하지 않으며 크로스 플랫폼입니다.

최소 예

스크립트를 그대로 실행하고 부모 스크립트의 디렉토리에 있다고 가정합니다.

// 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 스크립트를 비동기 적으로 실행하고 완료되면 다시보고하는 npm-run-parallel 을 만들었 습니다.

따라서 스크립트의 경우 다음과 같습니다.

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.

내 솔루션은 Windows를 사용하는 데 문제가 있었지만 Piittis와 유사합니다. 그래서 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)"

이 작품은 창문에서