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