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

Question

我正试图让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:ftctnode_modules.binwebpack-dev-server.cmd'; setting the 'outDir' attribute might help

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

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

Answer 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代码中。

Answer 2

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

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