使用 SourceMap 来进行压缩后的代码调试

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

转载于:https://my.oschina.net/u/160339/blog/277174