Di saya, package.jsonsaya punya dua skrip ini:

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

Saya harus menjalankan 2 skrip ini secara paralel setiap kali saya mulai mengembangkan di Node.js. Hal pertama yang saya pikirkan adalah menambahkan skrip ketiga seperti ini:

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

... tapi itu akan menunggu start-watchsampai selesai sebelum berjalan wp-server.

Bagaimana saya bisa menjalankan ini secara paralel? Harap diingat bahwa saya perlu melihat outputperintah-perintah ini. Juga, jika solusi Anda melibatkan alat bangun, saya lebih suka menggunakan gulpdaripada gruntkarena saya sudah menggunakannya di proyek lain.

Gunakan paket yang disebut bersamaan .

npm i concurrently --save-dev

Kemudian atur npm run devtugas Anda seperti itu:

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

Jika Anda menggunakan lingkungan seperti UNIX, cukup gunakan &sebagai pemisah:

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

Kalau tidak, jika Anda tertarik pada solusi lintas platform, Anda bisa menggunakan modul npm-run-all :

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

Dari windows cmd Anda dapat menggunakan start:

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

Setiap perintah yang diluncurkan dengan cara ini dimulai di jendela sendiri.

Anda harus menggunakan npm-run-all (atau concurrently, parallelshell), karena ia memiliki kontrol lebih besar untuk memulai dan mematikan perintah. Operator &, |adalah ide buruk karena Anda harus menghentikannya secara manual setelah semua tes selesai.

Ini adalah contoh untuk pengujian busur derajat melalui 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 = Jalankan perintah secara paralel.

-r = Bunuh semua perintah ketika salah satu dari mereka selesai dengan kode keluar nol.

Menjalankan npm run testakan memulai driver Selenium, mulai server http (untuk melayani file Anda) dan menjalankan tes busur derajat. Setelah semua tes selesai, itu akan menutup server http dan driver selenium.

Anda dapat menggunakan satu &untuk skrip run paralel

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

Tautan referensi

Solusi yang lebih baik adalah menggunakan &

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

Saya sudah memeriksa hampir semua solusi dari atas dan hanya dengan npm-run-semua saya bisa menyelesaikan semua masalah. Keuntungan utama dari semua solusi lainnya adalah kemampuan untuk menjalankan skrip dengan argumen .

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

Catatan run-padalah jalan pintas untuknpm-run-all --parallel

Ini memungkinkan saya untuk menjalankan perintah dengan argumen seperti npm run test:watch -- Something.

EDIT:

Ada satu opsi lagi yang bermanfaat untuk 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.

Tambahkan -rke npm-run-allskrip Anda untuk mematikan semua proses ketika satu selesai dengan kode 0. Ini sangat berguna ketika Anda menjalankan server HTTP dan skrip lain yang menggunakan server.

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

Saya punya solusi lintas platform tanpa modul tambahan . Saya sedang mencari sesuatu seperti try catch block yang bisa saya gunakan di cmd.exe dan di bash.

Solusinya adalah command1 || command2yang tampaknya bekerja di kedua lingkungan yang sama. Jadi solusi untuk OP adalah:

"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"
}

Maka sederhana npm start(dan npm run dev) akan bekerja di semua platform!

Jika Anda mengganti ampersand ganda dengan ampersand tunggal, skrip akan berjalan bersamaan.

Solusi Cepat

Dalam hal ini, saya akan mengatakan taruhan terbaik Jika skrip ini adalah untuk modul pribadi yang dimaksudkan untuk berjalan hanya pada mesin berbasis * nix , Anda dapat menggunakan operator kontrol untuk proses forking, yang terlihat seperti ini:&

Contoh melakukan ini dalam file package.json parsial:

{
  "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 &"
  }

Anda kemudian akan menjalankan keduanya secara paralel melalui npm run serve-bundle. Anda dapat meningkatkan skrip untuk menampilkan pids dari proses bercabang menjadi file seperti ini:

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

Google sesuatu seperti operator kontrol bash untuk forking untuk mempelajari lebih lanjut tentang cara kerjanya. Saya juga telah memberikan beberapa konteks lebih lanjut tentang memanfaatkan teknik Unix dalam proyek Node di bawah ini:

Konteks Lebih Lanjut RE: Unix Tools & Node.js

Jika Anda tidak menggunakan Windows, alat / teknik Unix sering bekerja dengan baik untuk mencapai sesuatu dengan skrip Node karena:

1. Banyak Node.js dengan penuh kasih meniru prinsip-prinsip Unix
2. Anda berada di * nix (termasuk OS X) dan NPM tetap menggunakan shell

Modul untuk tugas sistem di Nodeland juga sering merupakan abstraksi atau perkiraan alat Unix, dari fshingga streams.

npm-run-all --parallel task1 task2

edit:

Anda harus menginstal npm-run-all terlebih dahulu. Periksa juga halaman ini untuk skenario penggunaan lainnya.

Bagaimana dengan forking

Pilihan lain untuk menjalankan beberapa skrip Node adalah dengan skrip Node tunggal, yang dapat memotong banyak yang lain. Forking didukung secara native di Node, sehingga tidak menambah ketergantungan dan bersifat lintas-platform.

Contoh minimal

Ini hanya akan menjalankan skrip apa adanya dan menganggap skrip tersebut berada di direktori skrip induk.

// 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));

Contoh verbose

Ini akan menjalankan skrip dengan argumen dan dikonfigurasi oleh banyak opsi yang tersedia.

// 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
});

Berkomunikasi dengan skrip bercabang dua

Forking juga memiliki manfaat tambahan bahwa skrip induk dapat menerima acara dari proses anak bercabang ulang serta mengirim kembali. Contoh umum adalah skrip induk untuk membunuh anak-anak bercabang dua.

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

Untuk acara dan metode lainnya yang tersedia, lihat ChildProcessdokumentasi

Saya mengalami masalah dengan &dan| , yang keluar status dan kesalahan melempar, masing-masing.

Solusi lain ingin menjalankan tugas apa pun dengan nama yang diberikan, seperti npm-run-all, yang bukan kasus penggunaan saya.

Jadi saya membuat npm-run-parallel yang menjalankan skrip npm secara asinkron dan melaporkan kembali ketika sudah selesai.

Jadi, untuk skrip Anda, itu akan menjadi:

npm-run-parallel wp-server start-watch

Dalam kasus saya, saya memiliki dua proyek, satu adalah UI dan yang lainnya adalah API , dan keduanya memiliki skrip masing-masingpackage.json file .

Jadi, inilah yang saya lakukan.

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"
}

Info lebih lanjut: https://github.com/mysticatea/npm-run-all/blob/master/docs/npm-run-all.md

Saya telah menggunakan npm-run-all untuk beberapa waktu, tetapi saya tidak pernah cocok dengannya, karena output dari perintah dalam mode menonton tidak bekerja dengan baik bersama-sama. Misalnya, jika saya memulai create-react-appdanjest dalam mode tontonan, saya hanya akan dapat melihat output dari perintah terakhir yang saya jalankan. Jadi sebagian besar waktu, saya menjalankan semua perintah saya secara manual ...

Inilah sebabnya, saya mengimplementasikan lib saya sendiri, run-screen . Ini masih proyek yang sangat muda (dari kemarin: p) tetapi mungkin layak untuk melihatnya, dalam kasus Anda itu akan menjadi:

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

Kemudian Anda menekan tombol angka 1untuk melihat output wp-serverdan tekan 0untuk melihat output start-watch.

Solusi saya mirip dengan Piittis, meskipun saya punya beberapa masalah dalam menggunakan Windows. Jadi saya harus memvalidasi untuk 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");
})();

Script simpul sederhana untuk membuat Anda pergi tanpa terlalu banyak kesulitan. Menggunakan readline untuk menggabungkan output sehingga garis tidak rusak.

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)"

ini bekerja di windows