大家都有过用-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的支持。
作者:cnblogs 小玉西瓜
查看本栏目更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/webkf/script/
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js
, 问题
, angular
, 代码
, 定位
, angular js
, min
, angular.js表单验证
, 环视
Angular.js
javascript source、mapsource、source map、webpack sourcemap、gulp sourcemap,以便于您获取更多的相关知识。