我有以下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
任务。
watch
任务中的问题包含错误,应为:
gulp.watch('assets/scss/**/*.scss', style);