什么是 Undertaker?
Undertaker 是一个流处理系统,可以帮助你定义任务、执行任务以及组合任务。它通常被用来构建前端工作流或者打包过程。
如何安装 Undertaker?
首先,在你的项目中安装 undertaker
和 gulp
:
--- ------- ---------- ---- ----------
定义任务
使用 Undertaker,我们可以通过 task()
方法来定义一个任务。该方法接受两个参数:任务名称和任务函数,例如:
----- - ---- - - ---------------------- ------------- -- -- - ------------------- --------- ---
这样就定义好了一个名为 hello
的任务,它会在执行时输出 'Hello, world!'。
执行任务
要执行任务,可以使用 series()
或者 parallel()
方法将多个任务组合起来。例如:
----- - ------- -------- - - ---------------- --------------- ---------------- ----------
这里的 clean
、lint
和 build
都是已经定义好的任务。parallel()
会并行地执行其内部的任务,而 series()
则会按照顺序依次执行内部的任务。
异步任务
如果任务是异步的,则需要在任务函数中返回一个 Promise 对象,例如:
----- - ---- - - ---------------------- ----------------- ----- -- -- - ----- --------------------- ---
监听文件变化
Undertaker 还提供了 watch()
方法来监听文件变化并执行任务。例如:
----- - ----- - - ---------------- -------------------- -------------- ----------
这里的 src/**/*.js
是一个 glob 表达式,表示匹配所有 src/
目录下的 .js
文件以及子目录中的 .js
文件。
结语
通过 Undertaker,我们可以方便地定义任务、组合任务、监听文件变化等,从而构建出更加高效和自动化的前端工作流。希望这篇文章对你有所启发!
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/55023