使用gulp 4.0.2创建gulp-sass任务(2.0.0)

Question

gulpfile.js

const gulp = require('gulp');
const sass = require('gulp-sass');

gulp.task('sass', function() {
    return gulp
        .src('scss/main.scss')
        .pipe(sass())
        .pipe(gulp.dest('css/'))
});

任务

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558 
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "label": "sass",
            "type": "gulp",
            "task": "sass",
            "problemMatcher": [
                "$eslint-stylish"
            ]
        }
    ]
}

gulp版本4.0.2 gulp CLI版本2.2.0 gulp sass版本4.0.2

如果我尝试terminal > gulp，如果我尝试Ctrl+Shift+P -> run task get error，它工作正常：

Error: The gulp task detection didn't contribute a task for the following configuration:

Answer 1

我发现了我的错误：

const gulp = require('gulp');
const sass = require('gulp-sass');
const sasssrc = ['scss/*.scss'];

function scss (){
    return gulp
        .src(sasssrc)
        .pipe(sass())
        .pipe(gulp.dest('css'));
}
exports.scss = scss;

使用task.json：

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558 
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "label": "sass",
            "type": "gulp",
            "task": "scss",
            "problemMatcher": [
                "$eslint-stylish"
            ]
        }
    ]
}