引言
在前端开发中，任务流程自动化是必不可少的。手动进行部分任务往往效率较低，且容易出错。于是，一些前端开发者开发出了一些任务流程自动化工具，比如 Gulp、Webpack 等。然而，在使用这些工具时，我们往往需要手动编写一些重复性的代码，例如任务的定义、文件路径的获取等操作。如果能够有一个工具，能够自动化这些操作，我们的工作将变得更为高效和愉悦。
gule 就是这样一款工具。它基于 gulp 来开发，简化了 gulp 任务的定义和执行。在本文中，我们将会详细介绍 gule 的使用方法，旨在帮助更多的前端开发者更好地使用 gule。
安装
我们可以通过 npm 安装 gule 包：
$ npm install gule
同时，需要注意，gule 的运行环境要求为 node 版本 ≥ 12。
基本使用方法
使用 gule 可以非常方便地编写任务：
// example.js
const gue = require('gue');
gue.task('hello', () => {
console.log('Hello, world.');
});在终端中，我们只需要输入：
$ gue hello
就能够输出 "Hello, world." 了。
更多示例
下面，我们将介绍 gule 更多的用法，同时提供更为完善的示例代码。
定义任务
上面的代码已经展示了如何自定义任务。但是，在实际开发中，我们会有更为复杂的任务。gule 为我们提供了很多自定义任务的方法：
异步任务
我们可以定义异步任务。使用 done 回调函数表明任务已经执行完毕：
-- -------------------- ---- -------
----- --- - ---------------
-- ----
----------------------- ------ -- -
------------- -- -
--------------------
-------
-- ------
---并行执行任务
-- -------------------- ---- ------- ----- --- - --------------- -- -------- ---------------------- -- -- - --------------------- --- ----------------------- -- -- - --------------------- --- -- ---- ---------- --------------------------- ----------------
顺序执行任务
如果我们需要顺序执行任务，使用 series 函数即可：
-- -------------------- ---- ------- ----- --- - --------------- --------------------- -- -- - --------------------- --- ---------------------- -- -- - --------------------- --- -- -------- ------------------------ ---------------
修改任务属性
每一个任务还可以有更多的属性，比如依赖关系、选项等。这些属性可以帮助我们更好地掌控任务的执行过程。
修改任务依赖
可以在任务定义时指定任务依赖：
-- -------------------- ---- ------- ----- --- - --------------- --------------------- -- -- - ------------------- --- ---------------------- -- -- - ------------------- --- -- ---------- --- --------- --------------------- ------------- -------------- -- -- - ------------------- ---
为任务添加选项
任务的选项可以用于传递参数和环境变量：
-- -------------------- ---- ------- ----- --- - --------------- -- -- ------ - -------------------------- - --- - -- -- -- - --------------- -- - ---------------------- --- -- ------ - --- -------------- ---- -
执行多个任务
gule 还可以同时执行多个任务。在任务的数组中，如果任务有依赖关系，则会按照依赖关系顺序执行:
-- -------------------- ---- ------- ----- --- - --------------- ---------------- -- -- - ------------------- --- ----------------- -- -- - ------------------ --- --------------- -- -- - ------------------ --- -- --------- --------------- -------- ---------
使用插件
gule 可以使用 gulp 的插件，只需要在安装插件后，如其他任务一样使用即可。比如，我们要使用 gulp-babel 来编译 ES6 代码：
$ npm install gulp-babel
之后，可以按照如下方式使用：
-- -------------------- ---- -------
----- --- - ---------------
----- ----- - ----------------------
------------------- ------ -- -
----------------------
-------------
-------- ---------------------
---
-----------------------
---------- ------
---在终端上，我们可以执行：
$ gue compile
即可执行该任务。
结论
gule 是一个用于简化任务自动化的工具，基于 gulp 开发。gule 提供了更为便利的任务定义方式、选项管理和插件使用等开发功能。相信我们了解了 gule 后，在前端自动化开发过程中，一定会更为得心应手！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601481e8991b448de1cc