Appium 的源映射，使用 Visual Studio Code 作为调试器

Question

我正在为 Appium 设置一个调试环境，这是一个带有 gulpfile 的 nodejs 应用程序。我能够运行在构建/lib中生成.js文件的gulp transpile。现在，在设置断点时，我需要在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}'
    }))