removeRedundantAttributes需配置为minify: { removeRedundantAttributes: true }，它基于HTML5规范语义识别并安全删除浏览器无需解析的冗余属性（如的type），保留class=""等有逻辑依赖的空属性，且默认跳过自定义元素和内容。
html-webpack-plugin 的 removeRedundantAttributes 怎么配
它不是“删所有看着多余的属性”，而是按 HTML5 规范语义判断哪些属性浏览器根本不会读——比如 <script type="text/javascript"></script> 中的 type，HTML5 已规定默认就是 JS，留着纯属冗余。
启用方式很简单，在 html-webpack-plugin 实例化时传入配置：
new HtmlWebpackPlugin({
minify: {
removeRedundantAttributes: true
}
})
注意三点：
- 必须配合
minify开启（即构建时 HTML 压缩已启用），单独设这个选项不生效 -
removeEmptyAttributes: false建议显式关掉，否则class=""、data-test=""这类空值属性会被清掉——它们常被测试或 CSS 选择器依赖 - 自定义元素（如
内容默认跳过，避免误删服务端模板占位符
为什么不用正则批量替换属性
正则硬删 type=".*?" 或 charset=".*?" 看似快，但容易越界：比如把 的 type 也干掉，表单验证就失效；或者误删 <script type="module"></script>，导致 ES 模块加载失败。
removeRedundantAttributes 内置了 HTML5 白名单，只处理明确可省略的项：
-
<script type="text/javascript"></script>→ 删type -
→ 删type -
→ 删charset（但保留标签本身） -
→value不删，因为它是可变内容，不属于规范定义的“冗余”
批处理脚本替代方案：用 html5-clear CLI
如果你没走 Webpack 构建流，或要处理一堆静态 HTML 文件（比如 CMS 导出页、SEO 页面集合），html5-clear 是更直接的命令行选择。
安装后执行：
npx html5-clear -f input.html -o output.html --ruleset basic
它比正则安全，比手动删省心，关键点在于：
- 基于
HTMLHint规则引擎，能识别语义而非字符串模式 - 支持
--ruleset svg等扩展规则集，适配含 SVG 的现代页面 - 可集成进 CI/CD：比如在部署前跑一遍
find ./pages -name "*.html" -exec npx html5-clear -f {} -o {} \;
容易被忽略的边界情况
真正上线前得盯住三类内容：
-
<script type="application/json"></script>这类非可执行 script，默认不会被removeRedundantAttributes处理，但某些清理工具（如 cheerio 脚本）若没加过滤条件会一并删掉 -
属于必需属性，所有合规工具都会跳过，但手写正则若写成meta.*?>可能误伤 - Webpack 打包时若用了
html-loader+html-minifier-terser，得确认它没和html-webpack-plugin的minify配置冲突——双重压缩可能让某些属性删过头
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
