gulp browser-sycn无刷新,自动监视sass编译

查看:83
本文介绍了gulp browser-sycn无刷新,自动监视sass编译的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

运行gulp puer 后,修改scss文件,ctrl+s保存后服务终止。
怎么一直监视sass文件呢

var borwserSync = require('browser-sync').create(),

reload = borwserSync.reload,
watch = require('gulp-watch'),
sass = require('gulp-sass');

gulp.task('puer',function(){

borwserSync.init({
    server:{
    baseDir:'./'
    }
});
gulp.watch('sass/**/*.scss',['sass']);
gulp.watch("*.html").on('change',reload);

});

gulp.task('sass',function(){

return gulp.src('sass/**/*.scss')
.pipe(sass()).pipe(gulp.dest( 'dist/css' ) );

});

解决方案

gulp.watch(['css/*.css'],['css']).on('change',reload)

这篇关于gulp browser-sycn无刷新,自动监视sass编译的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆