什么是 feather2-postprocessor-inline-compress
feather2-postprocessor-inline-compress 是一个 Feather2 前端框架的内联压缩(postprocessor)插件，可以自动将 HTML、CSS、JS代码进行压缩，从而提高页面加载速度和性能。
使用 feather2-postprocessor-inline-compress 可以将内联的 CSS 和 JS 代码进行压缩、美化，还可以将 HTML 中的注释、空格、换行等无用字符进行删除，极大减小页面的体积，减少 HTTP 请求次数。
如何使用 feather2-postprocessor-inline-compress
安装
首先需要先安装 Feather2 框架，然后使用 npm 命令安装 feather2-postprocessor-inline-compress：
npm install feather2-postprocessor-inline-compress
配置
打开 feather2的配置文件 /path/to/feather2.config.js，对 feather2-postprocessor-inline-compress 进行配置，代码如下：
-- -------------------- ---- -------
--- ---- - ----------------
-------------- - -
---
-------- -
---
----- --
---- --------------------------------
-------- --------------------------------------
---- ------------
-------- ------
----------- -----
-------------- --
------- -----------------------------------------
-------- -
----- --------------
------- ----------
-
--
---
---
-
--其中，配置中的 postprocessor 选项即为插件相关的配置。
options
插件的配置参数，可选值如下：
type：类型，可以是html, css, js中的一种或多种，默认是html, css, js，用逗号分隔。ignore：正则表达式，用于忽略某些目录或文件，不对其进行压缩。
示例代码
下面是一个使用 feather2-postprocessor-inline-compress 插件的简单示例。在 test.html 文件中引用了 test.css、test.js 两个文件，使用插件后生成的压缩文件 test.min.html：
-- -------------------- ---- -------
---- --------- ---
--------- -----
------
------
----- ----------------
-------------------
----- ---------------- ----------------
-------
------
-------- -- - ---------
------- -----------------------
-------
-------<!-- test.min.html -->
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>test</title><style>h1{color:red}</style></head><body><h1>This is a test</h1><script>alert("test");</script></body></html>参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67856