參考：Source Map

Source Map是什么

Source Map 一個獨立的map文件，與源碼在同一個目錄下
它是信息文件，里面儲存著位置信息，轉換后的代碼的每一個位置，所對應的轉換前的位置

有什么用

大部分源碼（尤其是各種函數庫和框架）都要經過轉換，才能投入生產環境。
常見的源碼轉換，主要是以下三種情況

• 壓縮
• 多個文件合并，減少HTTP請求數
• 其他語言編譯成JavaScript，例如CoffeeScript

開發環境debug時，提示可以直接定位到你哪行源碼有問題
但是轉換后的代碼報錯，轉換后的代碼行數變少或變量名已經換，此時報錯信息就讓人一頭霧水，不知道錯哪里了。

Source Map就是解決這個問題的，有了它，出錯的時候，除錯工具將直接顯示原始代碼，而不是轉換后的代碼。

開啟

Chrome瀏覽器支持這個功能。在Developer Tools的Setting設置中，確認選中"Enable source maps"。

在轉換后的代碼尾部，加上一行就可以了

//@ sourceMappingURL=/path/to/file.js.map

如何生成Source map

最常用的方法是使用Google的Closure編譯器。