VSCode调试Webpack捆绑节点服务器并检查变量

如何解决VSCode调试Webpack捆绑节点服务器并检查变量

我见过很多类似的问题，但没有一个人提到我的案子。

---

我有一个express服务，并且与Webpack捆绑在一起。

我正在尝试从 VSCode 调试它，并且断点可以正常工作，但是我看不到变量的值。我看到捆绑变量（a，b，c）和原始变量（port）之间没有映射。

webpack.config.js：

module.exports = {
    target: 'node',mode: 'production',devtool: 'source-map',module: {
        rules: [
            {
                exclude: /node_modules/,test: /\.js$/,use: 'babel-loader'
            }
        ]
    },output: {
        devtoolmodulefilenameTemplate: '[absolute-resource-path]'
    },stats: 'verbose',}

Launch.json：

{
    "type": "node","request": "launch","name": "dev","runtimeExecutable": "npm","runtimeArgs": [
        "run","debug"
    ],"port": 33500,"envFile": "${workspaceFolder}/.vscode/.env","outputCapture": "std","outFiles": [
        "${workspaceFolder}/dist/**/*.js"
    ],"sourceMaps": true,"sourceMapPathOverrides": {
        "webpack:///*": "${workspaceRoot}/*"
    }
}

npm脚本：

"build": "webpack","debug": "npm run build && node --inspect=33500 dist/main.js",

我也尝试了所有这些devtoolmodulefilenameTemplate，outFiles，sourceMapPathOverrides ...