在前端构建流程中，html-minifier 虽然看似简单，但实际配置时却隐藏着不少陷阱。一个常见的误区是：在 Webpack 环境下，它并不会自动帮你完成 HTML 压缩。你需要通过 html-webpack-plugin 的 minify 选项手动启用压缩功能，并且官方推荐使用维护分支 html-minifier-terser，它在兼容性方面表现更稳定。

html-minifier 在 Webpack 中的正确启用方式

html-webpack-plugin 默认只负责注入打包资源，源码中的缩进和换行符都不会被自动处理。你必须手动引入 html-minifier-terser 并配置相关参数，否则打包生成的 index.html 仍然是一个未经优化的“毛坯房”。

核心需要关注以下三个参数：

• collapseWhitespace: true：这是压缩的开关，但仅开启它还不够——它只能合并连续的空白字符，无法删除标签之间的换行符。
• removeComments: true：清除所有注释，避免旧代码中的