大家都有過用-min.js開發的經歷,但這樣的腳本調試非常頭疼。如果使用為壓縮版的,上線前又要去壓縮,sourcemap的出現完美解決了這一問題。
即便是chrome提供了格式化代碼但閱讀壓縮后的代碼環視很吃力的。
以angularjs為例,談談sourcemap的使用。
我的文件夾結構如下:
由於google經常被牆所以建議把angular.js angular.min.js angular.min.js.map都下載到本地。
並且修改angular.min.js中sourcemap的配置,指向本地map文件。
//# sourceMappingURL=angular.min.js.map
html代碼如下:
如果開發過程中出現錯誤,就可以很容易定位到源碼位置,找出問題原因。
未使用surcemap
使用sourcemap
目前很多類庫都提供了sourcemap的支持。