使用 SourceMap 来进行压缩后的代码调试
博客专区 > t568b 的博客 > 博客详情
使用 SourceMap 来进行压缩后的代码调试
t568b 发表于4年前
使用 SourceMap 来进行压缩后的代码调试
  • 发表于 4年前
  • 阅读 61
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】买域名送云解析+SSL证书+建站!>>>   

摘要: javascript 调试

Js被压缩之后,调试起来非常困难,SourceMap可以很好的解决这样的调试问题.

本例压缩工具使用nodejs的UglifyJS:

安装移步:

https://github.com/mishoo/UglifyJS

压缩命令:

uglifyjs index.js --source-map index.min.js.map --source-map-root ./ -m -c -o index.min.js

这样source-map文件会生成到和index.min.js同一级目录下。

chrome dev-tools设置, 启用source-map:

刷新页面, 点击dev-tools -> sources , 展开index.min.js所在的目录,就会看到压缩前的js文件。然后在原文件打断点,即可以进行调试。

==================================================================

参考文章:

使用 SourceMap 来进行压缩后的代码调试,以underscore为例

http://www.2fz1.com/?p=565

JavaScript Source Map 详解

http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
t568b
粉丝 1
博文 1
码字总数 184
×
t568b
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: