Gulp browserSync reload

Question

私の質問は、私の端末からガルプウォッチを実行すると、ブラウザは新しいページにロードされず、代わりに現在のページにリロードされるということですか？

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']); 
});