如何以调试模式启动node.js项目

工具：vscode，webpack

通常的单页应用开发中，配置好package.json中的script段，在命令行中调用 npm start 或 npm run dev 即可启动 webpack-dev-server 启动应用，但是如果想跟踪 webpack 的处理过程，如何才能以调试模式启动 webpack 呢？按照以下方式配置 launch.json 即可：

"configurations": [
    {
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "name": "启动程序",
      "program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server.js",
      "args": [
        "--inline",
        "--progress",
        "--config",
        "build/webpack.dev.conf.js"
      ]
    }
  ]

 

webpack-dev-server 命令其实就是调用的 bin 目录里的 webpack-dev-server.js 文件

需要注意的是 args 参数的格式是原来写在命令后面的参数字符串以空格分隔后的字符数组的形式，不是按参数意义分组的，上例中最后两个参数不能写在同一行