简介
Gulptask 是一种基于 Gulp 的任务管理插件，它可以让开发者更加方便地编写和管理前端任务。使用 Gulptask 可以实现以下功能：
- 自动化构建
- 代码压缩和合并
- 图片压缩
- 浏览器自动刷新等等
它的特点是简单易用，同时又可扩展性强，而且支持多种操作系统。
安装
在使用 Gulptask 之前，我们需要先安装 Node.js 和 Gulp，然后再安装 Gulptask。具体的安装流程如下：
打开终端或者命令行窗口，输入以下指令安装 Node.js：
$ sudo apt-get install nodejs
检查 Node.js 是否安装成功：
$ node -v
如果正确输出 Node.js 的版本号，则说明 Node.js 安装成功。
安装 Gulp：
$ npm install gulp -g
-g选项表示全局安装，它可以使得 Gulp 命令在任何地方都能使用。安装 Gulptask：
$ npm install gulp-task -D
-D选项表示只在开发环境下使用，避免在生产环境中产生附加的包体积和性能影响。
使用
在安装完成后，我们就可以开始使用 Gulptask 了。下面是一个基本的 Gulptask 配置文件的示例：
const gulp = require('gulp');
const gulpTask = require('gulp-task');
gulp.task('default', () => {
gulpTask()
.src('src/*.js')
.pipe(gulp.dest('dist'));
});以上代码表示，在默认的任务中，Gulptask 将会读取 src 文件夹下的所有 JavaScript 文件，并将它们输出到 dist 文件夹下。
Gulptask 还支持多种参数和配置，下面是一些常用的配置：
.src(globs[, options])：用于指定需要处理的文件，可以是字符串或数组。.dest(folder)：指定输出的文件夹。.watch(globs[, options], tasks)：监视指定的文件变化，并在发生变化时执行指定的任务。.minifyify(options)：压缩 JavaScript 文件。.sass(options)：编译 Sass 文件。.concat(files[, options])：合并文件。
实例
下面是一个实际应用的例子：
-- -------------------- ---- -------
----- ---- - ----------------
----- -------- - ---------------------
----- ------ - -----------------------
----- ---- - ---------------------
----- ------ - -----------------------
--------------- -- -- -
----------
----------------
---------------
---------------------------
-------------------------
---
---------------- -- -- -
----------
------------------
-------------
----------------------------
-------------------------
---
------------------ -- -- -
------------------------- --------
--------------------------- ---------
---
-------------------- ------ ------ ----------以上代码表示，我们定义了三个任务：js、css、watch 和一个默认任务 default。js 任务将会压缩和合并 JavaScript 文件，css 任务将会编译 Sass 文件并合并成一个 CSS 文件。watch 任务将会监视所有 JavaScript 和 CSS 文件的变化，并在文件发生变化之后执行相应的任务。最后，我们将会在运行 gulp 命令时执行默认任务 default。
总结
通过本文的介绍，我们可以看出 Gulptask 的使用非常简单，同时也具有很大的灵活性和可扩展性。在实际开发中，我们可以针对自己的需求定制相应的任务，以便更加高效地组织和管理我们的前端开发流程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5b81e8991b448e5e2f