Gulpfile watchTask 仅在第一次运行时

Question

所以我昨天开始使用 gulp 4.0 所以当我开始 gulp 时，他只在第一次运行时将我的 sass 编译为 css。想知道为什么 这是我的

const { src, dest, watch, series, parallel } = require('gulp');
const sass = require('gulp-sass');
const postcss = require('gulp-postcss');
const cssnano = require('cssnano');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('autoprefixer');


// File paths
const files = { 
    scssPath: '/scss/*.scss',
    cssPath: '/css/'
}


function scssTask(){    
    return src(files.scssPath)
        .pipe(sourcemaps.init()) 
        .pipe(sass()) 
        .pipe(postcss([ autoprefixer(), cssnano() ]))  
        .pipe(sourcemaps.write('.')) 
        .pipe(dest(files.cssPath)
    ); 
}



function watchTask(){
    watch([files.scssPath], 
        scssTask
        );  
}

exports.default = series(
    scssTask,
    watchTask
);

日志； [22:36:57] 使用 gulpfile D:\xampp\htdocs\project\gulpfile.js

[22:36:57] 开始“默认”...

[22:36:57] 开始'scssTask'...

[22:36:57] 13 毫秒后完成“scssTask”

[22:36:57] 开始'watchTask'...

Answer 1

我会假设你真正想要的是：

const files = { 
    scssPath: './scss/*.scss',
    cssPath: './css/'
}

注意. 添加到每个值的开头。使它们相对于gulpfile.js的位置。