应采用「运行时检测+静态分析」双路验证：用puppeteer/playwright抓取实际生效样式，再以purgecss/uncss静态扫描交叉比对；需配置safelist应对动态类名、框架指令及tailwind等场景，并结合chrome coverage工具多状态验证，ci中通过diff增量拦截新增无用css。
怎么确认哪些class或id真没被用到
不能只看HTML里有没有写，得验证它是否被JS动态生成、是否在媒体查询里条件性出现、是否被CSS-in-JS或Shadow DOM隔离。最可靠的方式是：在Chrome开发者工具中打开Coverage面板（Cmd+Shift+P → 输入Coverage → 回车），刷新页面后看CSS文件里灰掉的规则——但注意，Coverage只反映“本次渲染路径”下未执行的样式，对@media (max-width: 768px)里未触发的规则也会标灰，别误删。
更稳妥的做法是组合检查：
- 用
document.querySelectorAll(".xxx")和document.querySelector("#yyy")在控制台手动试查，返回null或空NodeList才可初步判定未使用 - 全局搜索
className、classList.add、getElementById等调用，确认JS里没动态注入该类名或ID - 检查
import或require语句，排除CSS Modules或CSS-in-JS中通过变量拼接生成的选择器（比如styles[`${prefix}-header`]）
VSCode正则批量删未使用class属性值
直接删class="xxx"容易误伤，比如class="btn btn-primary js-modal-trigger"里只有js-modal-trigger被JS依赖，其他两个可能是纯样式类。所以先定位再筛选：
- 打开VSCode，
Ctrl+H→ 勾选.*→ 搜索：class="([^"]*)" - 把匹配结果复制到文本编辑器，按行拆开，逐个用
document.querySelectorAll验证是否真实存在对应元素 - 确认无用后，替换为
class=""或直接删整个class="..."属性（注意保留空格位置，避免破坏HTML结构） - 慎用
class="[^"]*obsolete[^"]*"这类模糊匹配——可能误删class="is-obsolete-flag"这种语义化类名
PurifyCSS-webpack插件为什么删不干净
它只扫描paths配置里指定的HTML文件，但现代项目常有以下漏网情况：
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- Vue/React组件里的
template或JSX未被glob.sync()覆盖（比如src/views/**/*.vue没写进paths） - 服务端渲染（SSR）模板（如
.ejs、.njk）不在HTML路径里，PurifyCSS默认跳过 - 动态拼接的类名，如
:class="['base', isActived ? 'active' : '']"，静态分析无法识别active是否实际出现 - Webpack 5+已弃用
extract-text-webpack-plugin，而PurifyCSS-webpack依赖它——若你用mini-css-extract-plugin，插件根本不会生效
补救办法：改用unplugin-purgecss，它支持Vue、React、Svelte等框架的语法解析，且兼容Webpack 5/Vite/Rollup。
删完class后JS交互突然失效怎么办
很多老项目把class当JS钩子用，比如$('.js-toggle-menu').on('click', ...)，删掉js-toggle-menu就断了逻辑。这不是CSS问题，是耦合问题。
- 删class前，先搜
js-、js_、data-开头的类名，它们大概率是JS专用钩子 - 检查
addEventListener绑定目标，尤其是document.addEventListener('click', e => { if (e.target.classList.contains('xxx')) ... })这种委托写法 - 如果必须删，优先用
data-js-hook="toggle-menu"替代，把行为与样式彻底分离
真正难清理的从来不是冗余样式，而是那些藏在JS里、没文档、没人记得为啥存在的class依赖。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
