如何使用tasks.json版本2配置gulp构建?

时间:2017-08-23 16:58:30

标签: javascript gulp visual-studio-code vscode-tasks

现在我们在Visual Studio Code中使用tasks.json 0.1.0版本的任务。

导航到https://code.visualstudio.com/docs/editor/tasks表示VS代码会自动检测我的gulp文件中的所有任务。

我已经安装了各种扩展程序来尝试自动检测我的任务,但仍未检测到它们。

此时,我正在研究创建一个新版本的tasks.json来处理我们所有的gulp任务。

我该怎么做?这是我的tasks.json 0.1.0:

{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "0.1.0",
"command": "gulp",
"isShellCommand": true,
"args": [],
"showOutput": "always",
"options": {
    "cwd": "${workspaceRoot}/MyAppName"
},
"tasks": [
    {
        "taskName": "build",
        "args": ["build:debug"]
    },
    {
        "taskName": "build:debug",
        "args": ["build:debug"]
    },
    {
        "taskName": "build:release",
        "args": ["build:release"]
    }
]
}

我已经查看了其他问题,目前似乎没有任何内容表明如何在tasks.json 2.0中运行gulp。

我希望能够从包含gulpfile的文件夹外部使用此构建任务。我知道如果打开gulpfile的文件夹,VS会自动检测任务。

1 个答案:

答案 0 :(得分:0)

浏览网页后,我找不到任何东西。我想为我们的构建设置代码的自定义构建:debug gulp task。

所以,我建立了自己的:

(buildDebug.sh)

#!/bin/bash
clear
pwd
cd [your gulpfile.js directory]
gulp build:debug

(tasks.json)

    {
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "taskName": "Run Build",
            "type": "shell",
            "command": "/c/[where you saved buildDebug.sh]/buildDebug.sh",
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "presentation": {
                "reveal": "always",
                "panel": "shared"
            }
        }
    ]
}