Question

我在Windows 10上使用Visual Studio Code 1.13.0 我在package.json：

中有以下构建脚本

{
  //omitted other props
  "scripts": {
    "build": "webpack"
  }
}

我已将webpack与npm install --global webpack一起安装，因此全局安装。

webpack.config.js与我的问题无关。

当我在终端中运行npm run build时，一切正常。但是，当我运行可视代码任务：运行构建任务（ctrl+shift+b或ctrl+shift+p > Run Build Task）时，我在输出窗口中收到以下消息：

'“npm run build”'未被识别为内部或外部命令，可操作程序或批处理文件。

为什么呢？（使用npm版本：3.10.10 ）

Answer 1

您应创建tasks.json文件并使用npm任务运行器指定构建任务，如所述here ctrl + shift + p＆gt;配置任务运行器。在你的情况下，task.json文件看起来应该是那样的

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "npm",
    "isShellCommand": true,
    "showOutput": "always",
    "suppressTaskName": true,
    "tasks": [
        {
            "isBuildCommand": true,
            "taskName": "build",
            "args": ["run", "build"]
        }
    ]
}

Answer 2

tasks.json可用于运行多个不同的任务。这是@ oleg-m的答案，它针对tasks.json的版本2：

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "label": "build",
            "type":"npm",
            "script": "build",
            "group": "build"
        }
    ]
}

可视代码运行构建任务npm

2 个答案: