Gulp browserSync reload

Question

所以我的問題是，有沒有一種方式，當我通過終端運行gulp watch時，我的瀏覽器不會加載到新頁面上，而是重新加載到當前頁面上？

https://i.stack.imgur.com/u1qXi.png

Answer 1

您可以爲選擇使用gulp-livereload庫：

NPM安裝--save-dev的一飲而盡，livereload

gulp-livereload不會自動偵聽變化。現在你必須手動調用livereload.listen，除非你設置的選項開始：

livereload（{開始：真}）

---

Usage：

var gulp = require('gulp'), 
less = require('gulp-less'), 
livereload = require('gulp-livereload'); 

gulp.task('less', function() { 
    gulp.src('less/*.less') 
    .pipe(less()) 
    .pipe(gulp.dest('css')) 
    .pipe(livereload()); 
}); 

gulp.task('watch', function() { 
    livereload.listen(); 
    gulp.watch('less/*.less', ['less']); 
});