如何将VS Code Debugger与通过Webpack编译的ExpressJS服务器一起使用?

时间:2019-01-15 05:37:24

标签: node.js debugging webpack compilation

我一直在努力调试用webpack编译的服务器端代码。我使用的是VS Code,它具有强大的内置调试器,可以很好地连接到它。我的webpack配置粘贴在下面。我已经尝试过stackoverflow上的帖子中提到的许多技术,但是我似乎只找到用于前端框架(例如vuejs或create-react-app服务器)的开发服务器的解决方案。 这是用于expressjs服务器的。

const nodeExternals = require('webpack-node-externals')

serverConfig = {
    entry: ['babel-polyfill', './src/server/index.js'],
    target: 'node',
    externals: [nodeExternals()],
    output: {
      path: __dirname,
      filename: 'server.js',
      publicPath: '/'
    },
    optimization: {
      minimize: true
    },
    module: {
      rules: [
        { test: /\.(js)$/, exclude: /node_modules/, use: 'babel-loader' }
      ]
    },
    plugins: [
      new webpack.DefinePlugin({
        __isBrowser__: "false"
      })
    ]
  }





我已经尝试过了: 用于调试器的npm脚本

    "debug": "node --inspect--brk=9229 server.js"

使用VS代码调试器脚本(及其变体)

    {
        "name": "Launch via NPM",
        "type": "node",
        "request": "launch",
        "cwd": "${workspaceFolder}",
        "runtimeExecutable": "npm",
        "runtimeArgs": [
            "run-script", "debug"
        ],
        "port": 9229
    }

任何帮助将不胜感激!我一直在调试中迷失了方向,对控制台日志非常厌倦。谢谢!

0 个答案:

没有答案