Я не могу заставить этот, казалось бы, простой плагин работать ... эта настройка прекрасно работает на моей коллеге.
У меня включено расширение chrome, и я работаю с gulpfile.Соответствующий код gulp:
// misc dependencies but this one is in...
...
const livereload = require('gulp-livereload');
...
//default task
gulp.task('default', ['html', 'styles', 'scripts', 'watch']);
gulp.task('build', ['html', 'styles', 'scripts']);
// templating task
gulp.task('html', function() {
return gulp.src('views/**/*.html')
.pipe(livereload());
});
//styles build/minification
gulp.task('styles', function() {
return gulp.src('client/scss/styles.scss', {
noCache: true,
style: 'compressed'
})
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(cleanCSS())
.pipe(sourcemaps.write('../maps'))
.pipe(gulp.dest('public/build/stylesheets'))
.pipe(livereload());
});
gulp.task('scripts', function() {
gulp.src('client/js/script.js')
.pipe(webpack(require('./webpack.config.js')))
.pipe(uglify())
.pipe(gulp.dest('public/build/javascripts'))
.pipe(livereload());
});
// uses livereload
gulp.task('watch', function() {
livereload.listen();
gulp.watch('views/**/*.html', ['html']);
gulp.watch('client/scss/*.scss', ['styles']);
gulp.watch('client/js/**/*.js', ['scripts']);
});
С https://www.npmjs.com/package/gulp-livereload:
3.x Уведомление об обновлении gulp-livereload не будет автоматически прослушивать изменения.Теперь вам нужно вручную вызвать livereload.listen, если вы не установили опцию start: livereload ({start **: ** true})
Как вы можете видеть в моем коде, listen
вызывается вручную,Я пытался сделать .pipe(livereload({start:true}));
, но он все равно не перезагрузился.
Статистика моей машины: OXS El Captain Версия 10.11.6 iMac (27 дюймов, конец 2012 г.)
Статистика моего браузера: Google chrome = Версия 74.0.3729.6 (Официальная сборка) dev (64-битная версия)
Статистика плагинов: Livereload = Версия 2.1.0
Есть идеи?Что мне делать?