主要观点总结
本文介绍了在线上使用SourceMap进行调试的方法和常见问题，包括常见调试手段、SourceMap的常规用法、问题探索、解决方案和总结。文章详细阐述了浏览器如何识别并加载SourceMap，以及为什么本地可以自动加载而线上不可以。同时，提供了多种解决方案，包括使用浏览器插件、Charles Map Remote、私有静态服务托管SourceMap等方式。最后，作者建议将Webpack devtools配置为使用hidden-source-map并开发浏览器插件以支持基于Header SourceMap的转发功能，以便在线上使用SourceMap进行调试。
关键观点总结
关键观点1: 介绍线上使用SourceMap进行调试的方法和常见问题
线上调试的常见问题和难点，包括浏览器如何识别并加载SourceMap，为什么本地可以自动加载而线上不可以等。
关键观点2: 阐述解决方案
提供了多种解决方案，包括使用浏览器插件、Charles Map Remote、私有静态服务托管SourceMap等方式来解决线上使用SourceMap的问题。
关键观点3: 总结和建议
总结全文，并建议将Webpack devtools配置为使用hidden-source-map并开发浏览器插件以支持基于Header SourceMap的转发功能，以便在线上使用SourceMap进行调试。
文章预览
介绍了在线上使用 SourceMap 进行调试的方法和常见问题。常见的使用姿势是通过浏览器的开发者工具进行本地调试，而在线上使用 SourceMap 则需要手动添加 SourceMap 地址。针对线上无法自动加载 SourceMap 的问题，可以尝试使用浏览器插件、Charles 进行转发或者私有静态服务托管 SourceMap。 正文从这开始～～ 1. 前言 1.1 常见调试手段 平日开发过程中，大家是如何调试线上问题的呢？采样后的众生相如下： 酷酷派 ：我没什么线上问题！！ 投机派 ：通过报错的特殊标识在源码中定位 学院派 ：使用 XSwitch 等代理工具将资源转发到本地 硬核派 ：直接看混淆后的代码一把梭 ... 等等等 等一下，还有没有人在用 SourceMap 调试啊？通过 SourceMap，我们可以在浏览器内，直接看到源码，而不是编译、压缩、混淆后的部署产物。 1.2 SourceMap 的常规用法 为了保证后续内容
………………………………
