如何生成Javascript源映射？

Question

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

我发现这非常酷！ （感谢每个参与实现这一目标的人）

我感兴趣的是：

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

Answer 1

源地图是如何创建的？

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

为什么源地图很有用

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

源映射使压缩/损坏的代码映射到原始代码，以便您看起来正在逐步执行原始代码。 因此，当发生错误时，您就知道问题所在。