Gulp browserSync.reload和browserSync.stream())-有什么区别?
我有一个gulpfile.js文件:Gulp browserSync.reload和browserSync.stream())-有什么区别?,gulp,browser-sync,gulp-sass,Gulp,Browser Sync,Gulp Sass,我有一个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/sas
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']);
请告诉我以下两者之间的区别:
.pipe(browserSync.stream());
以及:
我两个都需要?他们有不同的角色
谢谢。到目前为止,你可能已经得到了答案,但我会把答案留在这里,以防万一有人需要知道
browserSync.reload
用于执行页面刷新。理想情况下,它用于HTML和JS文件
browserSync.stream
用于在不刷新页面的情况下插入更改。理想情况下,这用于CSS和其他样式表格式。此命令很有用,因为它保持滚动位置不变,不会像页面刷新通常那样将您带到页面顶部。从文档中可以看出,“重新加载方法将通知所有浏览器有关更改的文件,并将导致浏览器刷新,或在可能的情况下插入文件。”所以,主要区别不是重载刷新浏览器,而流注入更改。
browserSync.stream