调试时源代码图是否有效？

Question

我正在使用gulp-uglify，gulp-concat和gulp-sourcemaps来缩小/连接我的js文件并生成源地图。

当我在“源”选项卡中打开chrome dev-tool时，我可以在＆＃34; source＆＃34;上看到缩小的文件。包含所有原始文件的目录 - 正如预期的那样。 但是当我尝试在控制台中调试或获取错误时，引用是对缩小的文件（例如，控制台中的错误跟踪，指向缩小文件中的一行......）。

这是源映射的工作原理吗？或者我做错了什么？

我的gulp js conf - gulpfile

Answer 1

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

这里我有意写了一些破坏jQuery内部代码的代码。如您所见，控制台使我能够直接访问原始文件和行。我只包含了缩小的jQuery文件。

如果由于某种原因它无法正常工作，请确保选中“启用JavaScript源地图”：

我不熟悉Gulpjs但只是确保地图的路径是正确的。

Answer 2

我相信gulp-uglify剥离它。我检查了github现在似乎有一些修复，但仍然是一个未解决的问题：https://github.com/terinjokes/gulp-uglify/issues/56 应该有一个.map文件btw