Gulp浏览器同步重新加载

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