如何有效调试缩小后的 JS 文件？

Question

我在生产服务器上调试 缩小的 JS 时遇到问题。

虽然您在测试 dev/prod 服务器时无法在您的计算机上发现一些错误，但有机会将用户的一些前端错误和异常发送到特殊日志。

当 JS 文件被缩小后，调试这段代码就变成了地狱。

执行此类工作的最佳实践是什么？

原文由 Sergey Solomatin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

所以，过了一段时间，我们继续尝试解决该死的麻烦，我们偶然发现了这个库，它允许您将您的堆栈映射到未缩小版本的构建。

https://github.com/mozilla/source-map

我们需要将其嵌入到我们收集错误报告的内部系统中。如果不像我们一样需要您自己的解决方案，网络上也有现成的解决方案：

https://raygun.com/sourcemaps

https://sourcemaps.info/

原文由 Sergey Solomatin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

硬着头皮 ;) 在 chrome 中，您可以从源代码面板自动格式化缩小的代码

然后您可以通过单击行号来添加调试器语句。运行您的代码并了解更多…

原文由 Mettin Parzinski 发布，翻译遵循 CC BY-SA 3.0 许可协议