HTMLJS压缩工具怎么用？

本文深入解析了 html-minifier 工具中 `--minify-js true` 选项的实际工作原理与常见陷阱：它并非浏览器或 HTML 自带能力，而是依赖外部 JS 压缩器（如 terser）对内联脚本进行逐块压缩，不处理外部文件、不跨 script 标签优化，且极易因 terser 缺失、语法不兼容（如 ES6+、module 属性）、危险语句（eval/document.write）或原始 JS 代码质量差而静默失效；真正高效的前端体积优化，必须结合正确的构建配置、现代 terser 版本及高质量的源码实践，而非仅依赖 HTML 层面的“一键压缩”。

HTML 本身不压缩 JS，真正起作用的是 html-minifier 这类工具在处理内联 ），只管内联代码

常见压缩失败的错误信息和应对

执行命令后没报错但 JS 没变小，先检查终端是否输出类似：

Warning: unable to minify script (error: Unexpected token: name (myVar))

这类提示说明 terser 解析失败。解决方式包括：

• 确认 Node.js 版本 ≥ 14（terser v5+ 要求）
• 升级 terser：npm install terser@latest --save-dev
• 对含新语法的脚本，加 --terser-parse-options '{"ecma":2022}'
• 若脚本含模板字符串中的未转义 HTML（如 `
  ${x}
  `），html-minifier 可能提前解析出错，建议改用