作者：UTOB | 来源：互联网 | 2023-09-07 20:09
想问一下gulp+browserSync中两种不同写法的区别？
首先引入插件
1
2
3
| var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync'); |
sass任务
1
2
3
4
5
6
7
8
9
| gulp.task('sass',function(){
gulp.src('dev/scss/**/*.scss')
.pipe(sass())
.pipe(dest('dev/css'))
//此处是————————————————————————————————————写法A(AB二选一）
.pipe(browserSync.stream());
//此处是————————————————————————————————————写法B(AB二选一）
.pipe(browserSync.reload({stream:true});
} |
监听调用
1
2
3
4
5
6
| gulp.task('serve',['sass'],function(){
//指定服务器启动目录
browserSync.init({server:'dev'});
//监听SCSS文件改变
gulp.watch('dev/scss/**/*.scss',['sass']); |
疑问：
gulp serve执行以后发现
当使用写法A时，SCSS文件改变后，整个浏览器页面都全部刷新了
二使用写法B时，SCSS文件改变后，浏览器页面上只有被改变的地方局部刷新了
疑问一：所以A和B写法有什么不同呢？求解- -
疑问二：
1
| gulp.watch('dev/*.html).on('change', browserSync.reload); |
这里监听的文件改变都是会导致页面完全刷新的，有啥办法也变成局部刷新么？
求懂的回答我一下，拜谢！
京公网安备 11010802041100号