【问题标题】:Do source maps work when debugging?调试时源映射是否有效?
【发布时间】:2014-09-20 05:35:31
【问题描述】:

我正在使用带有 gulp-uglify、gulp-concat 和 gulp-sourcemaps 的 gulp 来缩小/连接我的 js 文件并生成源映射。

当我在源选项卡中打开 chrome dev-tool 时,我可以看到包含所有原始文件的“源”目录中的缩小文件 - 正如预期的那样。 但是当我尝试在控制台中调试或出现错误时,引用是对缩小文件的引用(例如,控制台中的错误跟踪,指向缩小文件中的一行......)。

源映射是这样工作的吗?还是我做错了什么?

我的 gulp js 配置 - gulpfile

【问题讨论】:

    标签: javascript google-chrome gulp uglifyjs source-maps


    【解决方案1】:

    使用source maps,控制台应将您指向原始文件。

    这里我特意写了一些代码来破坏jQuery的内部代码。如您所见,控制台将我带到了原始文件和行。我只包含了缩小的 jQuery 文件。

    如果由于某种原因无法正常工作,请确保选中“启用 JavaScript 源映射”:

    我对 Gulpjs 不熟悉,但只要确保地图的路径正确即可。

    【讨论】:

    • 我怀疑这与 Gulp 有什么关系。
    【解决方案2】:

    我相信 gulp-uglify 会剥离它。我检查了 github,现在似乎有一些修复,但仍然是一个悬而未决的问题:https://github.com/terinjokes/gulp-uglify/issues/56 顺便说一句,应该有一个 .map 文件

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-01
      • 1970-01-01
      • 2018-09-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多