[javascript]巧用sourcemap快速定位javascript中的问题


大家都有过用-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的支持。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM