添加BrowserSync到gulpfile.js

Question

我在gulpfile.js下面的代碼文件

var gulp = require('gulp'), 
    uglify = require('gulp-uglify'), 
    sass = require('gulp-sass'), 
    concat = require('gulp-concat'); 

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

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

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

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

我想browserSync添加到該文件。示例here僅包含sass插件。我需要添加以下

• 醜化& CONCAT的JS和CSS文件。
• BrowserSync更新我的html文件。

我該如何執行上述操作？

Answer 1

在您希望發生的地方添加.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')) 
     .pipe(browserSync.stream()); 
});