一 、 從Sourcemap和Data URL說起
（1）什么是Sourcemap?
我們在打包中，將開發環境中源代碼經過壓縮，去空格，babel編譯轉化，最終可以得到適用於生產環境的項目代碼，這樣處理后的項目代碼和源代碼之間差異性很大，會造成無法debug的問題。
舉例來說，如果壓縮等處理過的生產環境中的代碼出現bug，調試的時候只能定位到壓縮處理后的代碼的位置，無法定位到開發環境中的源代碼。
sourcemap就是為了解決上述代碼定位的問題，簡單理解，就是構建了處理前的代碼和處理后的代碼之間的橋梁。主要是方便開發人員的錯誤定位。這里的處理操作包括：
I）壓縮，減小體積
II）將多個文件合並成同一個文件
III）其他語言編譯成javascript，比如TypeScript和CoffeeScript等
（2）什么是DataURL?
DataURL最早是出現在HTML文件img標簽中的關於圖片的引用，DataURL提供了一種將圖片”嵌入”到HTML中的方法。
轉 : https://blog.csdn.net/liwusen/article/details/79414508
http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html