判断HTML文件是否无效需验证运行时引用：检查JS动态加载、构建配置、index.html引用及本地服务访问；仅删除满足散落中间目录、明确备份后缀、Git未跟踪、全局未引用四条件的文件。
直接删 index.html 以外的 HTML 文件不安全——多数“无效”HTML 文件其实是构建产物、调试入口、遗留模板或被 JS 动态 fetch() 加载的资源，硬删会中断本地调试或导致 CI 构建失败。
怎么判断一个 HTML 文件是否真无效？
不能只看文件名里有没有 old 或 test。关键要验证它是否在运行时被引用：
- 在终端执行
grep -r ".html" src/ public/ --include="<em>.js" --include="</em>.ts"，查是否有fetch("login-form.html")、import("./pages/error.html")这类动态加载 - 检查 Webpack/Vite 配置：是否在
plugins或rollupOptions.external中显式引入了某个 HTML 文件 - 查
public/目录下 HTML 是否被index.html的<iframe src="help.html"></iframe>或location.href = "print.html"调用 - 运行
npx http-server public/ -p 8080启动本地服务，用浏览器访问所有疑似路径，看是否返回 404；若返回 200 且页面可交互，大概率还在用
哪些 HTML 文件可以放心批量删？
满足全部以下条件才建议删除：
- 文件不在
src/、public/、dist/主目录下，而是散落在tmp/、build-cache/、node_modules/.cache/等构建中间目录中 - 文件名含
.tmp.html、~index.html、index.html.bak、index.html.save等明确备份后缀 - Git 状态为未跟踪（
git status --porcelain | grep ".html"输出为空或仅含已知模板） - 全局搜索不到该文件名出现在任何
.js、.ts、.json、.yml中（可用rg "help.html"或ag "help.html"）
Linux/macOS 下安全批量删的命令组合
别用 rm -rf *.html —— 它会误删 index.html 和 404.html。推荐分步执行：
立即学习“前端免费学习笔记（深入）”；
- 先预览将删哪些文件：
find . -name "<em>.html" -path "./node_modules/</em>" -o -path "./dist/<em>" -o -path "./tmp/</em>" | grep -E '.(tmp|bak|save|~)$' - 再执行删除（加
-i人工确认）：find . ( -name "<em>.tmp.html" -o -name "</em>~" -o -name "<em>.bak" -o -name "</em>.save" ) -type f -delete - 删除空 HTML 文件（内容只有空白、换行、注释）：
find . -name "<em>.html" -size 0 -delete</em>；非空但仅含注释的需人工过一遍，正则^<!--[\s\S]</em>?-->[\s\n]*$不建议全自动删
真正难清理的不是文件本身，而是那些被 document.write() 或 innerHTML 拼接出来的内联 HTML 字符串——它们藏在 JS 里，不会出现在文件系统中，却让删掉对应 HTML 文件后页面直接白屏。每次删前，务必跑一次 npm run build 并本地起服务验证所有路由和弹窗逻辑。
