javascript - Javascript 源映射是如何生成的？

Question

我已经听到越来越多的关于源映射以及如何使用 Closure 编译器生成它们，以在编译和最小化代码后提供您在开发中习惯的所有调试优势。显然，还支持编译为 js 的语言，如 CoffeeScript。

我觉得这非常酷！（感谢所有参与使这成为可能的人）

我感兴趣的是：

1. 这是如何实现的？（主要问题）
2. 为什么这很有用（而不仅仅是在开发模式下调试）？（次要）

Answer 1

源地图是如何创建的？

Html5 Rocks 站点有一个很棒的关于生成源映射的教程，并展示了使用 Closure-compiler 的示例。每个工具的命令会有所不同，但输出应该大致相同。

为什么源地图有用

压缩、编译、优化或生成 JavaScript 的工具总是会引入错误。这些错误通常不存在于开发（未压缩 - 原始代码）环境中。然而，调试压缩代码是令人难以置信的痛苦。

源映射使压缩/损坏的代码映射到原始代码，因此您似乎正在逐步执行原始代码。因此，当发生错误时，您就知道问题出在哪里。