技术栈

sourcemap

一步一个脚印一个坑
3 天前
sourcemap·webfunny·sourcemap源码解析·sourcemap解析方案
前端监控系统 SourceMap 自动化解析方案:从手动上传到全自动化解析在前端监控系统中,SourceMap 解析是定位线上代码错误的核心功能。然而,传统的手动上传 SourceMap 文件的方式存在诸多问题。因为涉及到生成,管理,上传等多个步骤,只要有一步对不上,基本上很难解析出来,所以我们增加webpack和vite自动上传sourceMap的插件,在打包的时候上传map文件,查看的时候精准锁定源文件,省时省力。
Hammer Ray
2 个月前
javascript·sourcemap
SourceMap知识点在某客户端的包内容中,发现main.js.map文件,使用source-map库来进行解析后,直接将客户端源代码解析了出来(编写一个简单的解析+输出脚本)。
赢乐
2 年前
cdn加速·打包优化·sourcemap·环境变量process.env·项目打包体积大·生成.map文件·dist目录文件大
vue项目打包优化:缩小体积productionSourceMap设置,使用cdn加速productionSourceMap 在构建时生成完整的 SourceMap 文件,默认情况下开启。生产环境中启用 productionSourceMap 有助于开发者调试代码,可以在浏览器的调试工具中查看到源文件中错误的代码位置,而不是编译后的代码位置。这对于定位线上问题十分有帮助。
我是有底线的