如何调试使用VSCode一个resolvejs应用

Question

我使用Visual Studio代码。我刚刚创建了一个resolvejs应用。

如何运行由vscode顺序操作？

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

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

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

Answer 1

虽然文件run.js是某种在resolve基于框架的应用程序入口点的，它不是实际的切入点运行阶段。使用resolve（它默认使用yarn dev文件适当的模式），并与时钟模式，这将导致自动重建上发射目标束中单独的处理建筑束：当npm run dev应用正在被run.js / config.[MODE].js命令启动，其实两个动作进行在项目的每个文件的变化（又名热重装）。

捆绑存储在<APP_DIR>/dist/common/local-entry/local-entry.js。要允许从IDE的调试，调试催生应nodejs直接调用对象束。它可以通过分离编译期应用和运行阶段达成。

Resolve包括但运行应用程序构建的命令 - yarn build / npm run build。这个命令建立在生产模式下的应用，但这种行为可以通过编辑run.js切入点很容易地修改发展模式 - 只要找到线case 'build':和替换下从await build(merge(baseConfig, prodConfig))线await build(merge(baseConfig, devConfig))。或者在开发模式构建应用其他脚本可以追加，像yarn build-dev - 可能的脚本的数量是无限的。

然后只需运行命令yarn build，并指向入口点${workspaceFolder}/dist/common/local-entry/local-entry.js启动调试器。如果源地图已建成权，断点应该正常工作。