How to tell gulp to watch all .html files in a given directory and update them with livereload?

Question

gulp.js

Changed to '**/*.html' in 'watch' and 'html' , or both at once, but the expected result did not work. The 'html' task is executed, but the 'watch' task is not executed and the page is not reloaded after the changes made.

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

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

Answer 1

Well, like this for example:

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']);
});

working example