简介
Hgulp-cli 是一个基于 gulp 的自动化构建工具，可以帮助前端开发者在开发、编译、测试等等过程中进行各种自动化操作，提高效率。本文将详细介绍如何安装和使用 hgulp-cli。
安装 hgulp-cli
首先需要安装 Node.js，可以在官网下载并安装。安装完成后，可以使用以下命令安装 hgulp-cli：
npm install -g hgulp-cli
安装完成后，使用 hgulp --version 命令查看 hgulp-cli 的版本信息。
使用 hgulp-cli
hgulp-cli 使用基于 gulp，可以使用所有标准的 gulp 配置和插件。我们以实现压缩、合并 js 文件为例，来介绍 hgulp-cli 的使用。
创建项目
首先在项目的根目录下创建 package.json 文件，并在其中定义项目的基本信息，如名称、版本等等。
然后安装必要的依赖，如 gulp 和 gulp-uglify：
npm install --save-dev gulp gulp-uglify
创建 gulpfile.js 文件，并根据需要配置 gulp 任务。示例代码如下：
-- -------------------- ---- -------
--- ---- - ----------------
--- ------ - -----------------------
--- ------ - -----------------------
-------------------- ---------- -
--------------------
---------------------------
---------------
------------------------
---以上代码表示先将 src/*.js 目录中所有的 js 文件进行合并，然后进行压缩，并将结果保存到 dist 目录。
运行任务
使用以下命令来运行任务：
hgulp
这个命令默认执行 default 任务。如果需要执行其他任务，可以传递任务名称作为参数，如：
hgulp taskName
配置文件
Hgulp-cli 使用默认的 gulpfile.js 文件，也可以在项目根目录下创建 gulpfile.hjs 文件，并在其中定义默认任务和各种任务。
示例配置文件：
-- -------------------- ---- -------
-------------- - -------------- -
-------------------- ---------- -
--------------------
---------------------------
---------------
------------------------
---
------------------ ---------- -
---------------------- -------------
---
--扩展配置
可以使用标准的 gulp 插件来扩展 hgulp-cli 的功能。例如，可以安装 gulp-clean 将 dist 目录中的文件清理干净：
npm install --save-dev gulp-clean
然后在 gulpfile.hjs 文件中增加如下代码：
var clean = require('gulp-clean');
gulp.task('clean', function() {
gulp.src('dist/*', {read: false})
.pipe(clean());
});这样我们就可以使用以下命令清理 dist 目录了：
hgulp clean
总结
本文介绍了 npm 包 hgulp-cli 的安装和使用方法，以及如何扩展其功能。希望本文能对前端开发者在自动化构建过程中提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bd581e8991b448d978e