html-minifier 默认关闭 CSS 压缩，仅设 minifyCSS: true 仅启用 clean-css level=1 基础压缩，无法处理媒体查询折叠、@import 忽略、URL 截断等问题；必须显式传入 { level: 2, inline: ['all'], rebase: false } 配置对象才能安全启用完整 CSS 压缩能力。
直接用 html-minifier 配合 clean-css 就能实现带 CSS 压缩的 HTML 批量处理，不需要额外写工具——它本身已内置支持，只是默认关闭。
为什么不能只用 minifyCSS: true 简单开关？
这个布尔值只是启用基础 CSS 压缩，但实际项目中会遇到：内联 <style> 里的媒体查询被错误折叠、@import 被忽略、自定义字体 URL 被截断。根本原因是 clean-css 的默认 level=1 不处理这些。
必须显式传入配置对象才能控制行为：
-
minifyCSS: { level: 2, inline: ['all'], rebase: false }—— level 2 启用选择器合并和重复规则剔除 -
inline: ['all']强制压缩所有内联样式（含<style>和属性） -
rebase: false关键！避免把url(./fonts/a.woff)错误转成url(fonts/a.woff)导致路径失效
html-minifier 对 @media 和 @supports 的处理边界
它不会重排或合并跨媒体查询的规则，比如：
立即学习“前端免费学习笔记（深入）”；
@media (max-width: 768px) { .btn { padding: 4px; } }
@media (min-width: 769px) { .btn { padding: 8px; } }
压缩后仍保持两个独立块，不会合并成 .btn { padding: 4px; @media (min-width: 769px) { padding: 8px; } } —— 这是故意的，因为浏览器解析逻辑不同，强行合并可能破坏响应行为。
真正会被压缩的是：
- 同一
@media块内的冗余空格和换行 - 重复声明，如
color: red; color: blue;→ 保留后者 - 可简写的值：
margin: 0 0 0 0→margin: 0
在线工具里“删除空 style 标签”为什么有时失效？
常见于 CMS 输出的 HTML，例如 WordPress 插件生成的 <style type="text/css"></style>。这类标签是否被删，取决于 removeEmptyAttributes 和 removeTagWhitespace 两个选项的组合：
-
removeEmptyAttributes: true只删class=""这类空属性，不碰<style>标签本身 - 要删空
<style>，必须同时设collapseWhitespace: true+removeComments: true（因某些空 style 里藏了注释占位符） - 如果 style 标签里有换行或空格（哪怕不可见），
html-minifier默认不认为它是“空”的，需加ignoreCustomFragments: [/<style>/]</style>预处理
CSS 压缩真正的复杂点不在语法简化，而在上下文感知：URL 路径是否相对、background-image 中的引号是否必须保留、calc() 表达式里的空格能否安全移除——这些细节一旦出错，页面就直接白屏或样式错乱。别迷信“一键压缩”，先用 level: 1 跑通再开 level 2。
