npm 包 undertaker 使用教程

什么是 Undertaker？

Undertaker 是一个流处理系统，可以帮助你定义任务、执行任务以及组合任务。它通常被用来构建前端工作流或者打包过程。

如何安装 Undertaker？

首先，在你的项目中安装 undertaker 和 gulp：

npm install undertaker gulp --save-dev

定义任务

使用 Undertaker，我们可以通过 task() 方法来定义一个任务。该方法接受两个参数：任务名称和任务函数，例如：

const { task } = require('undertaker');

task('hello', () => {
  console.log('Hello, world!');
});

这样就定义好了一个名为 hello 的任务，它会在执行时输出 'Hello, world!'。

执行任务

要执行任务，可以使用 series() 或者 parallel() 方法将多个任务组合起来。例如：

const { series, parallel } = require('gulp');

series('clean', parallel('lint', 'build'));

这里的 clean、lint 和 build 都是已经定义好的任务。parallel() 会并行地执行其内部的任务，而 series() 则会按照顺序依次执行内部的任务。

异步任务

如果任务是异步的，则需要在任务函数中返回一个 Promise 对象，例如：

const { task } = require('undertaker');

task('asyncTask', async () => {
  await someAsyncOperation();
});

监听文件变化

Undertaker 还提供了 watch() 方法来监听文件变化并执行任务。例如：

const { watch } = require('gulp');

watch('src/**/*.js', series('lint', 'build'));

这里的 src/**/*.js 是一个 glob 表达式，表示匹配所有 src/ 目录下的 .js 文件以及子目录中的 .js 文件。

结语

通过 Undertaker，我们可以方便地定义任务、组合任务、监听文件变化等，从而构建出更加高效和自动化的前端工作流。希望这篇文章对你有所启发！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/55023