javascript - 调试时源映射是否有效？

Question

我将 gulp 与 gulp-uglify、gulp-concat 和 gulp-sourcemaps 结合使用来缩小/连接我的 js 文件并生成源映射。

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

这就是 source-maps 的工作原理吗？还是我做错了什么？

我的 gulp js conf - gulpfile

Answer 1

与 source maps控制台应将您指向原始文件。

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

如果由于某种原因它不起作用，请确保选中“启用 JavaScript 源映射”:

我不熟悉 Gulpjs，只是确保 map 的路径是正确的。