如何设置VSCode来调试webpack捆绑的nodejs服务器

我有一个nodejs express应用程序,我试图捆绑webpack 4(加上babel 7.1.0).我已经按照这两篇文章中的一些设置进行了操作:

Webpack Javascript捆绑前端和后端(nodejs)

使用Webpack创建服务器包以进行通用呈现

我可以在捆绑后构建和运行服务器,但我希望能够使用VS Code的调试环境对其进行调试.

我尝试了以下webpack和vscode配置的组合,但它没有设置断点或让我进入代码.

.vscode/launch.json

{
    "type": "node",
    "request": "launch",
    "name": "bundle-server.js",
    "program": "${workspaceFolder}\\bundle-server.js",
    "sourceMaps": true,
    "smartStep": true,
}

的WebPack-server.config.js

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

module.exports = {
    target: "node",
    entry: "./server.js",
    output: {
        path: path.resolve(__dirname, "./"),
        filename: "bundle-server.js",
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                loader: "babel-loader"
            }
        ],
    },
    externals: [nodeExternals()],
    devtool: 'inline-source-map',
};

我错过了什么？甚至可以直接从VSCode调试吗？我希望能够跨越原始源文件,这样我就可以进行快速的debug-edit-rerun循环.

似乎与此相关:使用Visual Studio Code调试webpack捆绑节点ts.