参考资料
gulpclass: https://www.npmjs.com/package/gulpclass
gulp: https://gulpjs.com/
什么是 gulpclass
gulpclass 是一个 npm 软件包，它能帮助我们在开发过程中更加轻松地使用 gulp。
它基于 gulp 4.0 构建了一个简单的类，通过这个类我们可以使用装饰器语法创建任务（task），并实现一个将 gulp 任务组织成类的编程范式。
gulpclass 在 gulpfile.js 中可以直接进行引用，并且我们可以使用 ES6 或更高版本的 JavaScript 代码来编写我们的任务。
如何安装 gulpclass
首先，在使用 gulpclass 之前，我们需要先安装 gulp。
$ npm install --global gulp-cli
接着，我们可以在我们的项目目录下安装 gulp 和 gulpclass:
$ npm install --save-dev gulp gulpclass
如何使用 gulpclass
在我们的项目目录下创建一个名为 gulpfile.js 的文件，然后编写一个简单的任务来体验 gulpclass：
-- -------------------- ---- -------
------ - ---------- ----- -------- - ---- ------------
------------
------ ----- ------- -
-------
-------- -
------------------ ---- -----------------
-
-------
-------------- -
------------------ ---- -----------------------
-
----------------
------------------- ---------------
------------- -
------------------ ---- ----------------------
-
-以上是一个简单的 gulp 任务，实现了在控制台上显示一段文字。这个任务定义了三个子任务（myTask、mySecondTask 和 defaultTask），分别用于打印不同的信息。
我们通过装饰器的语法来定义我们的任务，并通过调用 task() 方法将任务添加到 gulp 中。
de<sub>faultTask</sub> 使用了 sequence() 方法将 myTask 和 mySecondTask 按照先后顺序执行。
需要注意的是，任务的名称需要使用字符串，否则会得到一个 SyntaxError 错误。
接下来在控制台中运行 gulp 即可运行这些任务：
$ gulp default
在控制台中将依次打印出：
Hello from MyTasks.myTask Hello from MyTasks.mySecondTask Hello from MyTasks.defaultTask
结语
gulpclass 是一个在前端项目中非常有用的 npm 包，可以帮助我们更轻松地使用 gulp。本文从如何安装使用 gulpclass 入手，详细介绍了 gulpclass 的语法和使用方法，希望对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57858