配置 VSC 的 launch.json 以启动 webpack-dev-server答案

【问题标题】：Configuring VSC's launch.json to launch webpack-dev-server配置 VSC 的 launch.json 以启动 webpack-dev-server
【发布时间】：2015-12-09 16:53:33
【问题描述】：

我正在尝试让 Visual Studio Code 启动 webpack 的“webpack-dev-server”命令，但无论我在 launch.json 中使用什么配置，我都会收到错误消息。

我当前的 launch.json 如下所示：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "./node_modules/.bin/webpack-dev-server.cmd",
            "stopOnEntry": false,
            "args": ["-d --hot --inline"],
            "cwd": ".",
            "runtimeExecutable": null,
            "runtimeArgs": [],
            "env": {
                "NODE_ENV": "development"
            },
            "externalConsole": false,
            "sourceMaps": true,
            "outDir": "null"
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]
}

当前错误是：

cannot launch program 'c:\ftct\node_modules\.bin\webpack-dev-server.cmd'; setting the 'outDir' attribute might help

我尝试将 outDir 设置为某个值或其他值，但它仍然抱怨设置此属性。

有什么想法吗？这是我从 Visual Studio 2015 迁移到 Visual Studio Code 的最后一个障碍！

【问题讨论】：

你解决过这个问题吗？我无法让它工作。谢谢！
恐怕我不记得@KryptonianSon。不久前，我现在在 Mac 上。

标签： node.js webpack visual-studio-code

【解决方案1】：

任何遇到这个的人，我都能让它与这个一起工作：

{
    "type": "node",
    "request": "launch",
    "name": "Start JS",
    "program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server",
    "args": [
        "--config",
        "webpack.javascript.js",
        "--hot",
        "--progress"
    ],
    "console": "internalConsole",
    "internalConsoleOptions": "openOnSessionStart"
},

这是使用自定义 webpack.javascript.js 配置文件。如果您使用默认值，您可能可以删除前两个参数。格式化是启动时控制台中的一条小消息，但它可以工作，包括命中断点。

这是撰写本文时最新的 VS Code。

【讨论】：

【解决方案2】：

参数不正确。它们应该是这样的：

    "args": ["-d", "--hot", "--inline", "--outDir", "."]

【讨论】：