ในฉัน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-watchwp-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 -- {*}\" --",

ฉันมีโซลูชันข้ามแพลตฟอร์มที่ไม่มีโมดูลเพิ่มเติมใด ๆวิธีการแก้ปัญหาโดยไม่ต้องข้ามแพลตฟอร์มโมดูลใดฉันกำลังมองหาบางอย่างเช่นลอง catch catch block ฉันสามารถใช้ได้ทั้งใน cmd.exe และทุบตี

การแก้ปัญหาคือ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แล้วคุณต้องการดำเนินการได้ทั้งในแบบคู่ขนานผ่าน คุณสามารถปรับปรุงสคริปต์เพื่อส่งออก pids ของกระบวนการ forked เป็นไฟล์ดังนี้:

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

สิ่งที่ Google ชอบตัวควบคุม bash สำหรับการฟอร์กเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการทำงาน ฉันได้ให้บริบทเพิ่มเติมเกี่ยวกับการใช้ประโยชน์จากเทคนิค Unix ในโครงการโหนดด้านล่าง:

บริบทเพิ่มเติม RE: เครื่องมือ Unix & Node.js

หากคุณไม่ได้ใช้ Windows เครื่องมือ / เทคนิค Unix มักจะทำงานได้ดีเพื่อให้ได้สิ่งที่มีสคริปต์ Node เนื่องจาก:

1. Node.js ส่วนใหญ่เลียนแบบหลักการของ Unix ด้วยความรัก
2. คุณใช้ * nix (รวมถึง OS X) และ NPM กำลังใช้เชลล์อยู่ดี

โมดูลสำหรับงานระบบใน Nodeland นอกจากนี้ยังมักจะนามธรรมหรือใกล้เคียงของเครื่องมือที่ใช้ระบบปฏิบัติการยูนิกซ์จากไปfsstreams

npm-run-all --parallel task1 task2

แก้ไข:

คุณต้องติดตั้งnpm-run-allไว้ล่วงหน้า ตรวจสอบหน้านี้สำหรับสถานการณ์การใช้งานอื่น ๆ

วิธีการเกี่ยวกับการฟอร์ก

อีกทางเลือกหนึ่งในการเรียกใช้สคริปต์หลายโหนดคือใช้สคริปต์ Node เดียวซึ่งสามารถแยกอื่น ๆ ได้ Forking ได้รับการสนับสนุนโดยกำเนิดใน 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-parallelที่รันสคริปต์ 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 ตัวเองของฉันทำงานหน้าจอ มันยังเป็นโครงการเล็กมาก (จากเมื่อวาน: p) แต่มันอาจจะคุ้มค่าที่จะดูมันในกรณีของคุณมันจะเป็น:

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

จากนั้นคุณกดปุ่มตัวเลข1เพื่อดูการส่งออกของwp-serverและกดเพื่อดูการส่งออกของ0start-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