Webpack打包时自动生成随机a href链接问题求助

• 检查Webpack插件与Loader配置
  重点排查HTML相关工具：比如html-webpack-plugin是否开启了自动注入资源的冗余规则，或是html-loader的sources/attrs选项错误匹配了非目标资源，导致把静态文件路径转成了<a>标签。打开webpack.config.js，核对这些工具的配置项，确保只处理你需要的资源类型。

• 排查第三方依赖的副作用
  项目引入的第三方库（UI组件、统计脚本等）可能在运行时动态生成链接。先临时移除所有第三方依赖，仅保留基础代码打包测试：如果问题消失，再逐个重新引入依赖，定位到触发问题的具体包。同时检查是否误引入了包含自动生成导航/链接逻辑的库，即使你没用到对应组件。

• 验证代码分割与资源注入逻辑
  若开启了splitChunks代码分割，检查optimization.splitChunks的配置是否存在自定义模板或插件错误，导致异步chunk被包装成<a>标签。另外分别用开发模式和生产模式打包测试，排除webpack-dev-server等开发环境工具的特殊注入逻辑干扰。

• 检查HTML模板的隐藏问题
  即使本地编辑器显示只有单个<a>标签，也要确认HTML模板是否存在隐藏逻辑：比如使用了ejs/pug等模板语法的循环渲染、隐藏注释被错误解析，或是模板文件中有不可见字符导致编译异常。同时对比打包后的HTML源码和浏览器检查器的DOM：如果源码里就有额外<a>，问题出在构建阶段；如果源码没有，就是运行时JS动态生成的。

内容的提问来源于stack exchange，提问作者vaibhav venkat