Javascript源地圖是如何生成的？

Question

我一直聽到越來越多的關於源地圖以及如何使用Closure編譯器生成它們，以便在編譯和最小化代碼後提供開發時使用的所有調試優點。顯然也支持編譯成js語言，如CoffeeScript。

我覺得這非常酷！ （榮譽給大家參與制作這個可能）

什麼我很感興趣，雖然是：

1. 這是如何實現的呢？ （主要問題）
2. 爲什麼這很有用（與僅在開發模式下進行調試相反）？ （二級）

Answer 1

如何創建源地圖？

Html5 Rocks站點有一個great tutorial on generating source maps並顯示了Closure編譯器的示例。每個工具的命令會有所不同，但輸出應該大致相同。

爲什麼來源地圖是有用的

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

源地圖進行壓縮/錯位符號映射到原來如此，你似乎是通過原始代碼進行加強。因此，當發生錯誤時，你知道問題出在哪裏。