parallel-wait-run, 一个并行运行多个 npm scripts 的小工具

它是什么

parallel-wait-run支持同时运行多个npm scripts,并且可以通过自定义的异步函数控制每一个npm scripts的启动时机。

上述终端运行截图的仓库地址

安装

bash 复制代码
# npm
npm install -D parallel-wait-run

# pnpm
pnpm add -D parallel-wait-run

# yarn
yarn add -D parallel-wait-run

配置

在项目根目录添加配置文件 parallel.config.ts(也支持其他JSTS扩展名)

ts 复制代码
import { defineConfig } from "parallel-wait-run";

export default defineConfig({
  scripts: [
    {
      name: "dev",
      command: `dev command`,
      wait: async () => {
        sleep(1000);
        return true;
      },
    },
    {
      name: `unit-test`,
      command: `unit-test command`,
      wait: async () => {
        sleep(2000);
        return true;
      },
    },
  ],
});

也支持使用函数生成配置

ts 复制代码
import { defineConfig } from "parallel-wait-run";

export default defineConfig(({ mode, root }) => {
  return {
    scripts: [
      {
        name: "dev",
        command: `pnpm  dev`,
      },
      {
        name: `unit-test`,
        command: `pnpm test-watch`,
      },
    ],
  };
});

异步函数也是支持的

ts 复制代码
import { defineConfig } from "parallel-wait-run";

export default defineConfig(async ({ mode, root }) => {
  return {
    scripts: [
      {
        name: "dev",
        command: `pnpm  dev`,
      },
      {
        name: `unit-test`,
        command: `pnpm test-watch`,
      },
    ],
  };
});

运行

bash 复制代码
# npm
npm run parallel

# pnpm
pnpm parallel

# yarn
yarn parallel

更多配置内容,请参考文档

相关推荐
林太白29 分钟前
手写Vue之Api-createApp()
前端
黑色叉腰丶大魔王34 分钟前
《Javascript 网页设计案例分享》
javascript
前端Hardy37 分钟前
HTML&CSS 打造的酷炫菜单选项卡
前端·javascript·css·html·css3
M木43 分钟前
前端如何实现文件的在线预览?
前端·vue.js
阿征学IT1 小时前
vue计算属性 初步使用案例
前端·javascript·vue.js
Qhumaing1 小时前
html文本元素
前端·html
林太白1 小时前
❤React-React 组件通讯
前端·javascript·react.js
YUJIANYUE1 小时前
原生html+js输入框下拉多选带关闭模块完整案例
javascript·css·html
码手Lion1 小时前
CSS多列布局:打破传统布局的束缚
前端·css
青龙摄影1 小时前
【自动化】学习观看视频内容,无需人为干预
前端·vue.js·elementui