1. 简介
gulp-mini-htmlmin 是一个基于 gulp 的插件，用于压缩 HTML 文件。它可以通过删除注释、空格等方式压缩 HTML 文件，从而缩小文件大小，提升页面加载速度。
2. 安装
在使用 gulp-mini-htmlmin 之前，你需要先安装 gulp。
--- ------- ---- ----------
然后安装 gulp-mini-htmlmin：
--- ------- ----------------- ----------
3. 使用
在 gulpfile.js 中编写任务：
----- ---- - ----------------
----- ------- - -----------------------------
------------------------ -- -- -
------ ----------------------
---------------
------------------- -----
--------------- ----
---
-------------------------
---代码解析：
- 首先引入
gulp和gulp-mini-htmlmin。 - 然后编写一个任务
minify-html，使用gulp.src指定要压缩的 HTML 文件所在的目录。 - 调用
htmlmin函数，并传递一个压缩选项对象作为参数。该对象可以指定压缩的方式，比如collapseWhitespace可以压缩空格，removeComments可以删除注释。 - 最后使用
gulp.dest指定压缩后的文件输出目录。
4. 压缩选项
gulp-mini-htmlmin 支持以下压缩选项：
collapseWhitespace：是否压缩空格，默认为false。removeComments：是否删除注释，默认为false。removeAttributeQuotes：是否删除属性值中的引号，默认为false。removeEmptyAttributes：是否删除空属性，默认为false。removeEmptyElements：是否删除空元素，默认为false。removeOptionalTags：是否删除可选标签，默认为false。removeRedundantAttributes：是否删除冗余属性，默认为false。sortAttributes：是否按照字母顺序排序属性，默认为false。sortClassName：是否按照字母顺序排序 class 名称，默认为false。
以上选项都是可选的，你可以根据自己的需求进行配置。
5. 示例
一个完整的 gulpfile.js 示例：
----- ---- - ----------------
----- ------- - -----------------------------
------------------------ -- -- -
------ ----------------------
---------------
------------------- -----
--------------- ----
---
-------------------------
---
-------------------- ----------------------------6. 总结
gulp-mini-htmlmin 提供了一个便捷的方式来压缩 HTML 文件，从而提升页面加载速度。我们可以根据自己的需求配置压缩选项，以达到更好的压缩效果。如果你想了解更多有关 gulp 的知识，可以参考官网进行学习。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065b4ac6eb7e50355dbfd7