enb-prettify 是一个前端开发自动化构建工具，它通过对 HTML 文档进行格式化，使其更易于阅读和调试。本文将介绍 enb-prettify 的使用方法。
安装
enb-prettify 是一个 npm 包，可以通过以下命令进行安装：
npm install enb-prettify --save-dev
使用
以下是使用 enb-prettify 的基本方式：
-- -------------------- ---- -------
--- ----------- - ------------------------
--- ---------- - -------------
------------------------------------- -------------
------------- ------------------
----------- --------
----
------------------
-------- -- ------------------ -------------
----------- -- ----------------------------这里使用 enb-prettify 对所有以 ?.prettify.html 结尾的文件进行格式化，输出到同名的文件 ?.html 中。
你也可以通过配置参数来自定义 enb-prettify 的行为：
-- -------------------- ---- -------
--- ----------- - ------------------------
--- ---------- - -------------
------------------------------------- -------------
------------- ------------------
----------- ---------
-------- -
------------ --
------------ - --
------------------ -----
------------------ ------
---------------------- --
------------ -----------
------------ ------- ------ ----- --------- -------
-
----
------------------
-------- -- ------------------ -------------
----------- -- ----------------------------| 参数名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
sourceTarget |
String |
'?.prettify.html' |
要格式化的文件 |
destTarget |
String |
'?.html' |
输出的文件 |
options |
Object |
见下 | 更多格式化选项，详见 js-beautify 文档 |
示例
以下是一个示例项目结构：
-- -------------------- ---- -------
- ----
- -----
- ------
- ----------
- -------
- ---------
- -------------
- -----
- -----------
- ------------使用 enb-prettify 对所有 HTML 文件进行格式化的配置如下：
-- -------------------- ---- -------
--- ----------- - ------------------------
--- ---------- - -------------
----------------------- -------------- -
---------------
------------- - ------------- ------------------ ----------- -------- --
---
--------------------------------
---
------------------------- -------------- -
---------------
------------- - ------------- ------------------ ----------- -------- --
---
-----------------------------------
---
----------------------
--------- -------
----------- -----
---
-------------- - ------------------------------这里使用 enb-prettify 对所有以 ?.prettify.html 结尾的文件进行格式化，输出到同名的文件 ?.html 中。
我们可以在命令行中运行 node enb-make.js 命令，构建整个项目。
如果你需要在 HTML 文件中添加其他类型的模板语言，比如模板引擎，可以使用 enb-bemxjst 或 enb-bemhtml 技术来编译模板，编译后再使用 enb-prettify 进行格式化即可。
指导意义
使用 enb-prettify 可以提高我们对 HTML 文档的阅读和调试效率，特别是在开发一些复杂的 HTML 页面时更加方便。
除了 enb-prettify，还有很多其他的前端自动化构建工具可以帮助我们完成自动化任务，比如 enb-bemtech、gulp、webpack 等。
学习和使用这些自动化构建工具可以有效提高我们的工作效率，让我们可以更专注于业务逻辑的实现。
总结
enb-prettify 是一款非常有用的前端自动化构建工具，它可以帮助我们快速格式化 HTML 文档，提高我们的阅读和调试效率。本文介绍了 enb-prettify 的安装和使用方法，并给出了示例代码，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1fa563576b7b1ecd89