使用Visual Studio代码作为调试器的Appium的Sourcemap？

Question

我为Appium设置了一个调试环境，它是一个带有gulp文件的nodejs应用程序。我能够运行gulp transpile，它在build/lib中生成.js文件。现在谈到设置断点时，我需要在build/lib/*。js中设置断点，而不是原始的lib/*。js源文件。我安装了gulp-sourcemaps并编写了一个任务来生成生成.js.map文件的源代码。

我被困在这一点之后。由gulp transpile生成的文件不知道这些源映射。我不想编辑所有生成的构建文件，每次使用gulp transpile时最后都要手动添加//# sourceMappingURL。那么，如何让我的编辑器（Visual Studio代码）使用这些映射文件，并让我在原始源代码中放置断点而不是生成构建文件？

我已经看过https://code.visualstudio.com/docs/editor/debugging#_node-debugging，但不能完全让调试器使用我写的任务使用gulp生成的源映射。

感谢您的帮助！

Answer 1

您需要使用

.pipe(sourcemaps.write('.', { 
     includeContent: false, 
     sourceRoot: '{here your relative URL path to the source dir}' 
    }))