browserSync.reload和browserSync.stream（）） - 有什麼區別？

Question

我有這個gulpfile.js文件：

var gulp = require('gulp'), 
sass = require('gulp-sass'), 
uglify = require('gulp-uglify'), 
concat = require('gulp-concat'), 
browserSync = require('browser-sync').create(); 

gulp.task('sass', function() { 
    gulp.src('assets/src/sass/*.scss') 
    .pipe(sass()) 
    .pipe(gulp.dest('assets/dist/css')) 
    .pipe(browserSync.stream()); 
}); 

gulp.task('scripts', function() { 
    gulp.src('assets/src/js/*.js') 
    .pipe(concat('main.js')) 
    .pipe(uglify()) 
    .pipe(gulp.dest('assets/dist/js')); 
}); 

gulp.task('server', ['sass','scripts'], function() { 
    browserSync.init({ 
     proxy: 'http://localhost/example/', 
    }); 
    gulp.watch('assets/src/sass/*.scss', ['sass']); 
    gulp.watch('assets/src/js/*.js', ['scripts']); 
    gulp.watch('./**/*.php').on('change', browserSync.reload); 
}); 

gulp.task('server', ['run']); 

請告訴我是什麼之間的區別是：我需要他們兩個

gulp.watch('./**/*.php').on('change', browserSync.reload); 

：

.pipe(browserSync.stream()); 

和？他們有不同的角色？

謝謝。

Answer 1

你可能一直得到你的答案，直到現在，但我會留下答案，以防萬一任何人需要知道。

browserSync.reload 

用於頁面刷新。理想情況下，它用於HTML文件的HTML &。

browserSync.stream 

用於注入更改而不刷新頁面。理想情況下，這用於CSS和其他樣式表格式。該命令非常有用，因爲它可以保持滾動位置不變，並且不會像頁面刷新那樣將您帶到頁面的頂部。