在调试时使用VS Code的内联源映射(inline source maps)需要以下几个步骤:
gatsby-node.ts
文件。.vscode/launch.json
配置文件。launch.json
文件中,找到configurations
字段,添加以下配置:{
"name": "Debug gatsby-node.ts",
"type": "node",
"request": "launch",
"program": "${workspaceFolder}/gatsby-node.ts",
"outFiles": [
"${workspaceFolder}/dist/**/*.js"
],
"sourceMaps": true
}
其中,name
字段可以自定义调试配置的名称,program
字段指定了要调试的文件路径,outFiles
字段指定了编译后的JavaScript文件的输出路径,sourceMaps
字段启用了源映射。
launch.json
文件,并返回到调试面板。gatsby-node.ts
文件,生成了对应的JavaScript文件。这通常可以通过运行构建命令或者在VS Code的终端中运行相关脚本来完成。gatsby-node.ts
文件。通过以上步骤,你就可以在使用VS Code进行调试时,使用内联源映射来调试你的gatsby-node.ts
文件了。
注意:为了使上述配置生效,确保你的项目中已经正确安装了相关的调试插件和依赖,并且项目的文件结构和路径配置与上述步骤保持一致。
参考链接:VS Code 官方文档 - 调试
领取专属 10元无门槛券
手把手带您无忧上云