Как сказать gulp, чтобы он наблюдал за всеми файлами .html в указанной директории и обновлял их livereload'ом?

Question

[OccamaRazor]

Менял на '**/*.html' в 'watch' и 'html' , или в обоих сразу но не получилось ожидаемого результата. Таск 'html' при этом выполняется а 'watch' нет и страница не перезагружается после внесённых изменений.

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

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

Answer 1

[sergey]

Ну вот так к примеру:

var src = {
        html: ['./src/*.html']
},

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

gulp.task('watch', function() {
   gulp.watch('./src/**/*.html', ['html']);
});

пример рабочий

Comments

[OccamaRazor]

Проблема в том, что при конекте к локалке автоматически запускается первая страница и нет возможности выбрать другую, когда мне нужно. Не знаете как исправить?

[sergey]

OccamaRazor: не совсем понимаю вашу проблему: пример который я сбросил работает с 15 страницами

[OccamaRazor]

SM: у меня почему-то нет, я где-то ошибся видимо. Вы ведь запускаете через localhost:8080 или напрямую - клик по файлу?

[sergey]

OccamaRazor:

server = {
        host: 'localhost',
        port: '9000'
    }

[OccamaRazor]

SM: как вы осуществляете выбор между файлами html ? В моём случае при переходе на ' localhost:8080' всегда присоединяется к первому в списке найденному html

[sergey]

OccamaRazor: в смысле? о каком выборе речь? запустил сборщик, открывается index.html, далее меню, и его пункты