Gulp browserSync重新加载

Question

所以我的问题是，有没有一种方法，当我通过我的终端运行gulp watch时，我的浏览器不会加载到新页面上，而是重新加载到当前页面上？

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

Answer 1

您可以选择使用gulp-livereload库：

  

npm install --save-dev gulp-livereload

gulp-livereload不会自动侦听更改。您现在必须手动调用livereload.listen，除非您设置选项start：

  

livereload（{start：true}）

  

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