Webpack 将vs代码与Web包开发服务器集成

现在，我开始使用

webpack dev server

为应用程序提供服务

现在，如果我在

VS code

中进行任何代码更改，导致构建失败，

webpack dev server

将重新运行并报告失败，但我无法在VS code中看到这些更改

我可以使用

VS-code

typescript模板来实现这一点，但它类似于对同一代码库进行多个并行编译

因此，我如何将

webpack dev server

与

vs code

集成，以获得与.vscode/launch.json中vs code

链接的编译问题（为webpack-4添加以下代码）：

{
  "type": "node",
  "request": "launch",
  "name": "build",
  "program": "${workspaceFolder}/node_modules/.bin/webpack-cli",
  "args": [
    "--config",
    "webpack.config.prod.js"
  ],
  "autoAttachChildProcesses": true,
  "stopOnEntry": true
}