将 vs code 与 webpack-dev-server 集成答案

【问题标题】：integrate vs code with webpack-dev-server将 vs code 与 webpack-dev-server 集成
【发布时间】：2017-05-06 21:46:27
【问题描述】：

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

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

我可以使用VS Code typescript 模板来做到这一点，但它就像多个并行编译将发生在同一个代码库中。

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

【问题讨论】：

标签： webpack visual-studio-code webpack-style-loader

【解决方案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
}

【讨论】：