在监视任务中运行 gulp 任务

Question

我有以下 Gulp Watch 任务。

// 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 文件进行修改，如何在运行watch命令时自动运行style任务。

Answer 1

watch任务中的 glob 包含一个错误，应该是：

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