Debugging 如何使用VSCode调试resolvejs应用程序

我正在使用VisualStudio代码。 我刚刚创建了一个resolvejs应用程序

如何从vscode逐步运行应用程序

这是我的调试设置（在.vscode\launch.json中）：

---

我的命令处理程序中的断点不起作用。

虽然file

run.js

是基于框架的应用程序中的某种入口点，但它不是运行时阶段的实际入口点。当通过

warn dev

/

npm run dev

命令启动

resolve

应用程序时，实际上会执行两个操作：使用

run.js

构建捆绑包（默认情况下，在适当模式下使用

config.[MODE].js

文件）和在单独的进程中使用watch模式启动目标捆绑包，这会导致在项目中每次文件更改时自动重建（也称为热重新加载）

捆绑包存储在

/dist/common/local entry/local entry.js

。要允许从IDE进行调试，派生的debug

nodejs

应该直接调用目标包。它可以通过分离应用程序编译和运行时阶段来实现

Resolve

包括用于应用程序构建而不运行它的命令-

warn build

/

npm run build

。此命令在生产模式下构建应用程序，但此行为可以通过编辑

run.js

入口点轻松修改为开发模式-只需找到行

case'build'：

并将以下行从

await build（merge（baseConfig，prodConfig））

替换为

await build（merge（baseConfig，devConfig））

。或者可以附加用于在开发模式下构建应用程序的附加脚本，如

warn build dev

——可能的脚本数量是无限的

然后运行命令

warn build

，启动调试器，将入口点指向

${workspaceFolder}/dist/common/local entry/local entry.js

。如果源映射构建正确，断点应该可以正常工作

{
  "type": "node",
  "request": "launch",
  "name": "Debug",
  "program": "${workspaceFolder}/run.js",
  "args": [
    "dev"
  ],
  "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/babel-node",
  "runtimeArgs": [
    "--nolazy",
    "--inspect"
  ]
}