gulp sass编译,修改代码自动保存刷新

var gulp = require('gulp');

// Requires the gulp-sass plugin
var sass = require('gulp-sass');
var browserSync = require('browser-sync');

gulp.task('browserSync', function() {
browserSync({
server: {
baseDir: 'E:/YangLeilei/Code/SingooYun/Work/src'
},
})
});

gulp.task('sass', function(){
return gulp.src('src/**/*.scss')
.pipe(sass({outputStyle: 'compact'}).on('error', sass.logError))
.pipe(gulp.dest('src'))
.pipe(browserSync.reload({
stream: true
}))
});

gulp.task('watch', ['browserSync', 'sass'], function (){
gulp.watch('src/**/*.scss', ['sass']);
gulp.watch('src/*.html', browserSync.reload);
gulp.watch('src/**/*.js', browserSync.reload);
gulp.watch('src/**/**.**', browserSync.reload);
});

gulp.task('default', ['sass', 'browserSync', 'watch']);

posted @ 2020-09-11 17:34  myyt  阅读(187)  评论(0)    收藏  举报