VSCode - 适用于Chrome的调试器 - 无法使调试器与Webpack堆栈一起使用

Question

我正在使用Webpack + Webpack dev服务器+ BrowserSync并使用ES6 JS。我想将此堆栈与VSCode Debugger for Chrome配对，但经过几个小时的尝试后，我仍然无法使其正常工作。

调试器忽略了我的断点，最后走过了一些导入的模块。通过一些设置（我记得Webpack源码设置），它会遍历断点，但代码编译得非常难以理解。

Webpack中的当前源地图设置（在Chrome中运行良好）：

devtool: 'eval-source-map'

VSCode发布：

{
    "name": "Launch",
    "type": "chrome",
    "request": "launch",
    "url": "http://localhost:3000",
    "sourceMaps": true,
    "diagnosticLogging": true,
    "webRoot": "${workspaceRoot}"
}