如何生成Javascript源映射？

Question

我已經越來越多地了解源映射以及如何使用Closure編譯器生成它們，以便在編譯和最小化代碼之后提供您在開發中習慣的所有調試優勢。 顯然，還支持像CoffeeScript這樣的編譯到js語言。

我發現這非常酷！ （感謝每個參與實現這一目標的人）

我感興趣的是：

1. 這是如何實現的？ （主要問題）
2. 為什么這很有用（而不僅僅是在開發模式下調試）？ （次級）

Answer 1

源地圖是如何創建的？

Html5 Rocks站點有一個關於生成源映射的精彩教程，並使用Closure-compiler顯示示例。 每個工具的命令會有所不同，但輸出應該大致相同。

為什么源地圖很有用

壓縮，編譯，優化或生成JavaScript的工具總是會引入錯誤。 這些錯誤通常不存在於開發（未壓縮 - 原始代碼）環境中。 然而，調試壓縮代碼令人難以置信的痛苦。

源映射使壓縮/損壞的代碼映射到原始代碼，以便您看起來正在逐步執行原始代碼。 因此，當發生錯誤時，您就知道問題所在。