借助源代码映射,即使在合并和缩减代码之后,代码也可以保持可读和可调试,并且不会影响性能。
在使用各种转译器、缩减器和捆绑器时,您部署的代码与您编写的代码不同。为了提高网络性能,这些工具会将代码压缩到一行中,移除不必要的字符并缩短变量。
许多工具都可以生成源代码映射以随附代码。
Chrome 开发者工具会读取已部署的代码和源代码映射,并允许您照常调试代码,即使设置了断点也是如此。
如需更好地了解源映射的工作原理,请查看源映射可视化工具。
此外,源代码映射可以包含扩展。如果您要构建工具和框架,请考虑支持它们。请参阅此案例研究:使用开发者工具提升 Angular 调试体验,其中开发者工具团队和 Angular 通过支持 x_google_ignoreList
扩展程序改善了开发者工具中的调试体验。
如需了解详情,请参阅: