超长展示页html压缩必须使用html-minifier-terser并配置4个关键参数：--collapse-whitespace（保留pre/textarea/code内空格）、--preserve-quotes（防class解析失败）、--ignore-custom-comments（跳过cms注释）、--minify-css true --minify-js true（同步压缩内联资源），且webpack中需启用conservativecollapse和preventattributesescaping以避免渲染异常。
超长展示页（如产品详情页、长图文页、营销落地页）的HTML体积往往远超普通页面，手动清理几乎不可行，必须依赖工具链+针对性配置，否则压缩后容易破坏结构或触发渲染异常。
html-minifier-terser 命令行压缩时必设的 4 个关键参数
直接用默认参数跑 html-minifier-terser 极易出问题：比如把 <pre class="brush:php;toolbar:false;"></pre> 里的换行全删掉、误删 <textarea></textarea> 的空格、或把 SVG 内联代码压坏。以下参数组合是超长页安全压缩的底线：
-
--collapse-whitespace：只合并连续空白，不删<pre class="brush:php;toolbar:false;"></pre>、<textarea></textarea>、<code>内部空格 -
--preserve-quotes：避免引号被删导致 class 名含空格时解析失败（如class=header main→ 实际应为class="header main"） -
--ignore-custom-comments：跳过以
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
