集成vs代码与webpack-dev-server

Question

现在我开始使用webpack-dev-server为应用程序提供服务。

现在，如果我在VS Code中做了任何导致构建失败的代码更改，webpack-dev-server将重新运行并报告失败，但我在VS代码中看不到这些更改。

我可以使用VS Code typescript模板来做这件事，但是对于相同的代码库，就像多个并行编译一样。

因此，我如何将webpack-dev-server与vs-code集成，以获得与vs-代码相关的编译问题

Answer 1

在.vscode/launch.json中(为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
}