SuperAPI AI 工具集

source-maps

前端与建站

查看项目

更新于 10-16 08:49

技能介绍

用途:在排查页面加载缓慢、资源过重或渲染延迟等问题时,检查项目是否为生产调试提供 source maps。source maps 可将压缩后的代码映射回原始源码,是生产环境调试的关键手段,同时不影响压缩带来的性能优势。

主要能力与建议:生成 source maps 以映射压缩代码;将 source maps 上传到错误追踪服务(如 Sentry),而不是公开对外提供;确保构建流程中正确关联 source maps。

使用方式:检查(Check)项目构建流程是否生成 source maps,以及生产调试时是否正确处理;修复(Fix)更新构建配置以生成 source maps,并集成错误追踪服务实现安全的生产调试;解释(Explain)说明浏览器只运行压缩代码时,source maps 如何帮助开发者调试原始源码;代码审查(Code Review)审查影响该规则的路由、资源和加载行为,标出增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤,并说明确认问题所用的测量方法。

适用场景:前端生产环境错误排查、性能审计与代码审查。

限制:资料未提供具体框架配置示例与完整实现细节,仅指向 references/rule.md 和 https://frontendchecklist.io/rules/performance/source-maps。