吞噬livereload什么也不做

Question

我如何设置吞咽实时加载，它似乎没有做任何事情。

这是我的gulpfile的一部分：

var livereload = require('gulp-livereload'),
    lr = require('tiny-lr');

gulp.task('css', function(){
         gulp.src(sassdir)
        .pipe(sass({style:'compressed'}))
        .pipe(prefix('last 4 version'))
        .pipe(gulp.dest(cssdir))
        .pipe(livereload(lr()));
});

我已经尝试过吞咽连接和吞咽实时重载，无论有没有tiny-lr。

如果有帮助的话，我在一台装有windows主机的流浪VM (ubuntu)上运行apache with服务器。VM的静态IP为192.168.33.10。

Answer 1

你需要启动一个服务器并让它监听一个端口：

var gulp         = require('gulp'),
    gutil        = require('gulp-util'),
    server       = require('tiny-lr')(),
    livereload   = require('gulp-livereload');

gulp.task('watch', function() {
    server.listen(35729, function(err) {
        if (err) {
            return gutil.log(err);
        }
        gulp.watch(sassdir, ['css']);
        gutil.log('Watching source files for changes... Press ' + gutil.colors.cyan('CTRL + C') + ' to stop.');
    })
});

然后，要通知服务器文件已更改(并因此重新加载浏览器)，请将CSS任务更改为以下内容：

gulp.task('css', function(){
    return gulp.src(sassdir)
        .pipe(sass({style:'compressed'}))
        .pipe(prefix('last 4 version'))
        .pipe(gulp.dest(cssdir))
        .pipe(livereload(server));
});

Answer 2

看看你的文件，也许当发生变化时，它们正被损坏。

我遇到了同样的问题，当我发现我的文件在我的主机上更新得很好，但在浏览器中它们被破坏了，我已经开始研究与流浪的文件同步。

我发现需要在off服务器中关闭sendfile选项。

只需在虚拟机中打开server.conf文件并添加选项：

nginx的：

sendfile off

用于Apache的：

EnableSendfile off

我正在使用gulp-livereload和chrome livereload插件，在我的with服务器中添加了这个选项之后，一切都变得非常棒了:)

以下是源码：

http://jeremyfelt.com/code/2013/01/08/clear-nginx-cache-in-vagrant/ http://www.mabishu.com/blog/2013/05/07/solving-caching-issues-with-vagrant-on-vboxsf/