Livereload не работает в gulp.js с AMPPS и WordPress

Question

Я пытаюсь получить работу с печенью в gulp.js. В моем браузере у меня есть расширенная функция. Это мой gulpfile.js. Может ли кто-нибудь увидеть какие-либо проблемы. Я пробовал много вариантов и смотрел много видеороликов и учебников. Я бегу ampps и это установка WordPress

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


gulp.task('styles', function() { 
    return gulp.src('style.css') 
    .pipe(livereload(server)) 
    .pipe(gulp.dest('./')) 
}); 



// Watch 
gulp.task('watch', function() { 


// // Listen on port 35729 
    server.listen(35729, function (err) { 
    if (err) { 
     return console.log(err) 
    }; 

    // Watch .scss files 
    gulp.watch('style.css', ['styles']); 

    }); 

}); 

// Default task 
gulp.task('default', ['styles', 'watch']); 

.. ..

EDIT: для тех, кто заинтересован готовый файл я начала работать в конце концов, с помощью ответа Ghidello в ниже был:

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


gulp.task('styles', function() { 
    return gulp.src('style.css') 
    .pipe(livereload()) 
}); 

// Watch 
gulp.task('watch', function() { 
    livereload.listen(); 
    gulp.watch('style.css', ['styles']); 
}); 

// Default task 
gulp.task('default', ['styles', 'watch']); 

Answer 1

gulp-livereload обертка вокруг пакета крошечного-Lr, поэтому вам не нужно использовать их обоих. Он использует тот же порт, который вы используете по умолчанию, поэтому, соответственно, на свою страницу в документации, вы можете избавиться от крошечного Л.Р. полностью и изменить свой шаг смотреть на что-то вроде этого:

gulp.task('watch', function() { 
    livereload.listen(); 
    gulp.watch('build/**', ['less']); 
});