在Watch任务中运行Gulp任务

时间:2019-10-12 06:22:20

标签: gulp

我有以下Gulp监视任务。

// Watch function
function watch() {
    // browserSync.init({
    //     proxy: 'localhost/Unice/html'
    // });
    gulp.watch('assets/scss/**.*scss', style);
    gulp.watch('./*.html').on('change', browserSync.reload);
    gulp.watch('assets/css/**.css').on('change', browserSync.reload);
}

我还有另一个将SCSS转换为css的任务,

//scss to css
function style() {
    return gulp.src('assets/scss/**/*.scss', { sourcemaps: true })
        .pipe(sass({
            outputStyle: 'compressed'
        }).on('error', sass.logError))
        .pipe(autoprefixer('last 2 versions'))
        .pipe(gulp.dest('assets/css', { sourcemaps: '.' }))
        .pipe(browserSync.reload({ stream: true }));
}

如果我对任何SCSS文件进行了修改,如何在运行style命令时自动运行watch任务。

1 个答案:

答案 0 :(得分:1)

watch任务中的问题包含错误,应为:

gulp.watch('assets/scss/**/*.scss', style);