如何并行运行多个npm脚本?

2020/09/24 02:01 · javascript ·  · 0评论

在我的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以下命令。另外,如果您的解决方案涉及构建工具,则我宁愿使用gulpgrunt因为我已经在另一个项目中使用了它。

使用并发的程序包

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(或concurrentlyparallelshell),因为它可以更好地控制启动和终止命令。运营商&|是坏的想法,因为你需要手动停止所有的测试都完成之后。

这是通过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服务器和selenium驱动程序。

您可以使用一个&并行运行脚本

"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-pnpm-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",

Google像bash控制运算符之类的东西,用于分叉以了解其工作原理的更多信息。我还在下面的Node项目中提供了有关利用Unix技术的更多信息:

进一步的内容RE:Unix工具和Node.js

如果您不在Windows上,则Unix工具/技术通常可以很好地使用Node脚本来实现某些目标,因为:

  1. 许多Node.js都在模仿Unix原则
  2. 您正在使用* nix(包括OS X),并且NPM仍在使用Shell

Nodeland中用于系统任务的模块通常也是Unix工具的抽象或近似,从fsstreams

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 runningScripts= [];

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

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

就我而言,我有两个项目,一个是UI,另一个是API两个项目在各自的package.json文件中都有自己的脚本

所以,这就是我所做的。

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

我的解决方案与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");
})();

我一直在使用npm-run-all一段时间,但是我从未与之相处,因为在监视模式下命令的输出不能很好地协同工作。例如,如果我启动create-react-appjest处于监视模式,则只能看到我运行的最后一条命令的输出。所以大多数时候,我都是手动运行所有命令...

这就是为什么我实现自己的lib 运行屏幕它仍然是一个非常年轻的项目(从昨天开始:p),但是值得一看,在您的情况下,它将是:

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

然后按数字键1查看的输出,wp-server然后按0查看的输出start-watch

在父文件夹的package.json中:

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

Windows中的这项工作

只需将此npm脚本添加到package.json根文件夹中的文件中即可。

{
  ...
  "scripts": {
    ...
    "start": "react-scripts start", // or whatever else depends on your project
    "dev": "(cd server && npm run start) & (cd ../client && npm run start)"
  }
}

这对我有用

{
"start-express": "tsc && nodemon dist/server/server.js",
"start-react": "react-scripts start",
"start-both": "npm -p -r run start-react && -p -r npm run start-express"
}

客户端和服务器均以打字稿编写。

React app是使用带有typescript模板的create-react-app创建的,并且位于默认的src目录中。

Express在服务器目录中,入口文件是server.js

打字稿代码并转换成js并放入dist目录。

检出我的项目以获取更多信息:https : //github.com/nickjohngray/staticbackeditor

更新:调用npm run dev,以开始工作

{"server": "tsc-watch --onSuccess \"node ./dist/server/index.js\"",
"start-server-dev": "npm run build-server-dev && node src/server/index.js",
"client": "webpack-dev-server --mode development --devtool inline-source-map --hot",
"dev": "concurrently \"npm run build-server-dev\"  \"npm run server\" \"npm run 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);
});

...但是在运行wp-server之前,这将等待start-watch完成。

为此,您必须start在命令上使用其他人已经说明过了,但这就是它的工作方式,您的代码如下:

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

应该是

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

这样做是,它将为每个命令打开一个单独的实例并同时处理它们,就您最初遇到的问题而言,这应该不是问题。我为什么这么说呢?这是因为在您仅运行1条语句(这是您的最初目标)时,这些实例都会自动打开。

本文地址:http://javascript.askforanswer.com/ruhebingxingyunxingduogenpmjiaoben.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!