Metalsmith-HTML-Minifier 是一个非常实用的 npm 包，能够帮助我们压缩 HTML 文件并提升性能。本文将为大家介绍该 npm 包的使用方法，帮助大家更好地了解和使用该工具。
什么是 Metalsmith-HTML-Minifier?
Metalsmith-HTML-Minifier 是一个 html 压缩器，可以将 HTML 文件中不必要的空格或者换行符进行压缩，从而使 HTML 文档更加小巧精悍，提升页面性能。该工具可以作为一个 Metalsmith 插件使用，方便进行构建工作。
如何安装 Metalsmith-HTML-Minifier?
要使用 Metalsmith-HTML-Minifier，我们需要首先下载安装该插件。安装方法如下：
npm install metalsmith-html-minifier --save-dev
如何使用 Metalsmith-HTML-Minifier?
使用 Metalsmith-HTML-Minifier ，我们需要将该插件加入我们的 Metalsmith 构建流程中。下面是一个使用 Metalsmith-HTML-Minifier 的简单示例：
-- -------------------- ---- -------
----- ---------- - ---------------------
----- ------------ - -----------------------------------
---------------------
----------------
----------------------
--------------------
-------------------- -
-- ----- ----- ----
---在上面的这个示例中，我们首先使用 require 引入了两个 npm 包，Metalsmith 和 Metalsmith-HTML-Minifier。接着定义了一个 Metalsmith 构建流程，在构建中间流程时使用了 htmlMinifier 插件。最后执行 build() 方法进行构建。
选项
Metalsmith-HTML-Minifier 可以接受以下选项:
removeAttributeQuotes
类型: Boolean
默认值: true
移除属性值中的引号。
collapseBooleanAttributes
类型: Boolean
默认值: true
HTML 4 和 XHTML 1.x 协议中将布尔属性设为值为空（例如：checked, selected等），将其直接压缩成单词。
removeComments
类型: Boolean
默认值: true
在压缩时删除 HTML 注释。
minifyCSS
类型: Boolean
默认值: true
压缩内嵌的 CSS 样式。
minifyJS
类型: Boolean
默认值: true
压缩内嵌的 JS 脚本。
preserveLineBreaks
类型: Boolean
默认值: false
保留 HTML 文本中的换行符。
preserveIndent
类型: Boolean
默认值: false
保留 HTML 文本中的缩进。
removeEmptyAttributes
类型: Boolean
默认值: true
在压缩时移除 HTML 中的空属性。
removeTagWhitespace
类型: Boolean
默认值: true
移除标签之间的空格符。
sortAttributes
类型: Boolean
默认值: true
按照属性名的字典序排列属性的顺序。
结论
Metalsmith-HTML-Minifier 是一个非常实用的 npm 包，能够帮助我们压缩 HTML 文件并提升性能。本文详细介绍了该 npm 包的使用方法，包括安装，使用示例，以及选项等内容。希望本文对您学习和使用该工具有所帮助，并为您在前端开发工作中提供指导和借鉴。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb60bb5cbfe1ea06114c7