在前端开发中，gulp 是一种流行的构建工具。gulp 通过编写任务（task）的方式，让开发者可以自动化很多繁琐的工作，例如文件压缩、合并、转换等。但是，当 gulp 项目变得越来越大时，任务的数量也会越来越多，这时候怎么知道有哪些任务可用呢？这就需要用到 gulp-task-listing 这个包。
安装
安装 gulp-task-listing 可以使用以下命令：
npm install --save-dev gulp-task-listing
使用方法
在 gulpfile.js 中引入 gulp-task-listing：
const gulp = require('gulp');
const taskListing = require('gulp-task-listing');然后，在 gulpfile.js 中添加一个名为 help 的任务：
gulp.task('help', taskListing);现在，运行 gulp help 命令即可显示出所有可用的任务列表。
如果你想要给任务列表设置标题，可以在 taskListing 函数中传入一个对象，其中 title 属性就是标题内容：
gulp.task('help', taskListing({
title: 'Available tasks'
}));此外，你还可以通过 gulp.series 或 gulp.parallel 组合多个任务，并将该组合任务添加到列表中：
gulp.task('build', gulp.series('clean', gulp.parallel('html', 'css', 'js')));示例代码
下面是一个完整的 gulpfile.js 代码示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ----------- - -----------------------------
-------- ------- -
-- -- ---- --
-
-------- ------ -
-- -- ---- --
-
-------- ----- -
-- -- --- --
-
-------- ---- -
-- -- -- --
-
------------------ -------
----------------- ------
---------------- -----
--------------- ----
------------------ -------------------- --------------------- ------ --------
----------------- -------------
------ ---------- ------
----现在，你只需要运行 gulp help 命令，就可以查看到所有可用的任务列表了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43605