Source Map
source-map 的基本原理是盗扒，在編譯處理的過程中哑芹，在生成產(chǎn)物代碼的同時生成產(chǎn)物代碼中被轉(zhuǎn)換的部分與源代碼中相應部分的映射關(guān)系表闪金。有了這樣一張完整的映射表狗超，我們就可以通過 Chrome 控制臺中的"Enable Javascript source map"來實現(xiàn)調(diào)試時的顯示與定位源代碼功能。
我們在打包中谴忧，將開發(fā)環(huán)境中源代碼經(jīng)過壓縮很泊，去空格，babel編譯轉(zhuǎn)化沾谓，最終可以得到適用于生產(chǎn)環(huán)境的項目代碼委造，這樣處理后的項目代碼和源代碼之間差異性很大，會造成無法debug的問題均驶。
舉例來說昏兆，如果壓縮等處理過的生產(chǎn)環(huán)境中的代碼出現(xiàn)bug，調(diào)試的時候只能定位到壓縮處理后的代碼的位置妇穴，無法定位到開發(fā)環(huán)境中的源代碼爬虱。
sourcemap就是為了解決上述代碼定位的問題隶债，簡單理解，就是構(gòu)建了處理前的代碼和處理后的代碼之間的橋梁跑筝。主要是方便開發(fā)人員的錯誤定位死讹。
