Javascript 吞咽实时重新加载配置

你好，我尝试创建我自己的配置。它工作得很好，但有时我在更改html代码时，实时重新加载不起作用，不知道为什么。 有人能帮忙吗

var livereload = require('gulp-livereload');
gulp.task('reload-html',function(){
    gulp.src('./*.html')
        .pipe(livereload())
        .pipe(notify({ message: 'Reload html task complete' }));
});

gulp.task('watch-files',function(){
    livereload.listen();
    gulp.watch('*.html',['reload-html'])
    gulp.watch('assets/sass/**/*.scss',['sass']);
    gulp.watch('assets/images/src/**/*',['images-min']);
});

---

我还使用谷歌chrome的实时重新加载插件。

为什么不直接使用gulp connect

下面是一个非常简单的示例：

'use strict';

var gulp    = require('gulp');

// Files to be considered on live reload
var files   = ['index.html', 'style.css' ];

var connect = require('gulp-connect'); 

gulp.task('files', function() {
  gulp.src(files).pipe(connect.reload());
});

gulp.task('watch', function() {
  gulp.watch(files, ['files']);
});

gulp.task('connect', function() {
  // Default port: 8000
  connect.server({livereload: true});
});

gulp.task('default', ['connect', 'watch']);

这样你就不需要任何Chrome插件了。

---

以下是。

认为这不是问题的解决方案，这是使用实时重新加载的替代方案

浏览器同步是一个非常强大的工具，它可以实现Livereload所做的以及更多的功能

下面是浏览器同步的一个简单任务：

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();

// Static server
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
});

// or...

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "yourlocal.dev"
    });
});

有关浏览器同步的详细信息，请访问：