外部源地图工具

时间:2015-05-05 04:50:48

标签: javascript uglifyjs source-maps

我在生产中有一个最小化的文件,有一个记录错误的错误处理程序,以及我缩小文件时生成的源映射,但是我无法将错误映射到我的源文件错误发生在日志中,并且不会出现在chrome或firefox中,因为很容易消耗缩小的文件和源图。是否有应用程序或工具将使用我生成的源地图将缩小文件中的错误报告转换为原始未分类文件中的位置?所以要完全清楚我有

dist.min.js

由几个js文件组成,然后用uglify.js缩小。我有

dist.min.js.map

这是uglify缩小文件时生成的mapfile。我需要做的是采取错误

ERROR: Uncaught TypeError: Cannot call method 'indexOf' of undefined, dist.min.js:1 "TypeError: Cannot call method 'indexOf' of undefined at distmin.js:1:21815 at ab.event.dispatch (dist.min.js:3:25564) at q.handle (dist.min.js:3:22314)"

并找出我原始源代码中实际发生错误的位置。我知道如何在Chrome中使用源图,但是有一个外部工具可以让我手动输入行和列并在源代码中显示该位置吗?

2 个答案:

答案 0 :(得分:2)

由于还没有为此构建GUI工具,因此我根据one和@tucuxi指出的Electron快速构建了Mozilla Source-Map library

您可以在其GitHub页面找到它:https://github.com/kriserickson/sourcemap-translator

Source Map Translator

答案 1 :(得分:1)

Uglify.js有一个名为源地图的东西,用于此类功能。请使用以下标志和命令:

 --source-map yoursource.min.js.map

整个命令如下:

 uglifyjs yoursource.js -o yoursource.min.js --sourcemap yoursource.min.js.map

更多信息:

http://tarantsov.com/WorkflowThu/source-maps-with-coffeescript-and-uglify-js/