Gulp Livereload не работает

Question

Gulpfile.js не обновляет мой браузер. Я включаю все необходимые плагины.

var gulp = require('gulp'), 
    concatCss = require('gulp-concat-css'), 
    minifyCss = require('gulp-minify-css'), 
    autoprefixer = require('gulp-autoprefixer'), 
    notify = require('gulp-notify'), 
    livereload = require('gulp-livereload'), 
    connect = require('gulp-connect'); 

    //connect server 
    gulp.task('connect', function() { 
     connect.server({ 
     root: 'gulp-project', 
     livereload: true 
     }); 
    }); 

    //css 
    gulp.task('css', function() { 
    return gulp.src('./*.css') 
     .pipe(concatCss("bundle.css")) 
     .pipe(minifyCss()) 
     .pipe(autoprefixer({ 
      browsers: ['last 15 versions'], 
      cascade: false 
     })) 
     .pipe(gulp.dest('out/')) 
     .pipe(notify("Done!")) 
     .pipe(connect.reload()); 
    }); 

    //html 
    gulp.task('html', function() { 
     return gulp.src('index.html') 
     .pipe(connect.reload()); 
    }) 

    //watch 
    gulp.task('watch', function() { 
     gulp.watch('*.css',['css']) 
     gulp.watch('index.html',['html']) 
    }); 
    gulp.task('default',['connect','html','css','watch']) 

Gulpfile.js не обновляет страницу моего браузера. Я включаю все необходимые плагины. Благодарим вас за ответы.

Answer 1

Livereload может быть довольно исторически настроенным, и я думаю, что он изменил синтаксис и вызвал параметры над версиями. То, что раньше работать для меня в прошлом было:

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

, а затем, когда вы хотите, чтобы вызвать его:

livereload.changed(file.path); 

Я знаю, что она нарушает ваше использование трубы, но есть обходные пути к этому.

Также проверьте, что вам не нужно, чтобы начать LiveReload:

livereload.listen(); 

Это новое в gulp-livereload v 3.x:

Глоток-LiveReload не будет автоматически отслеживать изменения. Теперь вам нужно вручную вызвать функцию livereload.listen, если вы не установили опцию пуска:

livereload({ start: true })