vscode调试webpack的启动和打包部署过程,nodejs调试

Posted 双眸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode调试webpack的启动和打包部署过程,nodejs调试相关的知识,希望对你有一定的参考价值。

launch.json
```
{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name":"launch webpack-dev-server",
      "program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server.js",
      "args": ["--progress", "--inline", "--config", "build/webpack.dev.conf.js"]
    },
    {
      "type": "node",
      "request": "launch",
      "name":"launch webpack",
      "program": "${workspaceFolder}/node_modules/webpack/bin/webpack.js",
      "args": ["--progress", "--config", "build/webpack.prod.conf.js"]
    }
  ]
}
```

以上是关于vscode调试webpack的启动和打包部署过程,nodejs调试的主要内容,如果未能解决你的问题,请参考以下文章

视频webpack打包机制及调试优化

Webpack 中使用source map 在开发过程中进行调试

Webpack 中使用source map 在开发过程中进行调试

单步调试理解webpack里通过require加载nodejs原生模块实现原理

与 Webpack 捆绑的 Node 或 Electron 主进程的 VSCode 调试

如何用vscode调试webpack