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