Gulp browserSync 重新加载

Question

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

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

Answer 1

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

npm install --save-dev gulp-livereload

gulp-livereload 不会自动监听变化。您现在必须手动调用 livereload.listen 除非您设置选项开始：

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

Gulp browserSync 重新加载

Gulp browserSync reload

javascript

browser-sync

gulp-watch

gulp-browser-sync