Как обновлять браузер Gulp при изменении html?

Question

[dhat]

Хочу сделать таск для Галп, который рефрешит browser-sync работающий из папки public, когда я изменяю index.html в папке source.

Мой gulpfile.js такой:

gulp.task('build', function() {
    gulp.src('source/index.html')
    .pipe(gulp.dest('public/'))
    .pipe(reload({stream: true}))
})

gulp.task('server', function() {
    browserSync.init({
        server: {
            baseDir: "public/"
        }
    })
})

Ну т.е. копирование из source в public работает как надо, но вот при изменении исходного файла index.html не пересобирается его копия в папке public.

Как грамотно все настроить под мою задачу?

Answer 1

[Sergei Nazarenko]

gulp.task('default', ['server'], function(){

gulp.watch(['путь к файлам html'],  browserSync.reload());

});

Comments

[dhat]

Это не решает проблемы, что файл в public не перезаписывается.

[Sergei Nazarenko]

gulp.watch (['public/**/*.html'], browserSync.reload());

[dhat]

Sergei Nazarenko: спасибо, а можно как-то этот gulp.watch засунуть внутрь таска по сопированию из source в public?

[dhat]

*копированию

[Sergei Nazarenko]

dhat: можно там все можно можно вообще все в один таск функцию засунуть

[Sergei Nazarenko]

а можно вообще без gulpfile прямо в package.json все делать

[dhat]

Sergei Nazarenko: просто у меня почему-то просто вставка этой строчки в таск не работает. А когда вынес отдельным - заработало.

[dhat]

Sergei Nazarenko: упс, разобрался, все пашет)) Бля как круто.

Answer 2

[dhat]

Ок, собрал сам:

gulp.task('buildHTML', function() {
    gulp.src('source/index.html')
    .pipe(gulp.dest('public/'))
    .pipe(reload({stream: true}))
})

gulp.task('watch', function() {
    gulp.watch('source/scss/*.scss', ['compileSass'])
    gulp.watch('source/index.html', ['buildHTML'])
})

gulp.task('server', function() {
    browserSync.init({
        server: {
            baseDir: "public/"
        }
    })
})