Как создать простую html прямую перезагрузку с gulp и браузерной синхронизацией

Question

Я новичок в использовании Gulp (особенно в Gulp 4), и для начала я просто хочу получить базовую c живую перезагрузку при любых изменениях в моем файле индекса. html (в папке root) ). Пока у меня есть это:

var gulp = require("gulp"),
browserSync = require("browser-sync").create();

// Static server
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
});

gulp.task('default', ['html'], function() {
    // watch for HTML changes
    gulp.watch('*.html', function() {
       // run styles upon changes
       gulp.run('html');
    });
 });

Как мне связать задачу browser-syn c с часами gulp? Я пытался использовать официальную документацию, но примеры там кажутся более сложными, чем то, чего я пытаюсь достичь.

Answer 1

Измените на:

gulp.task('default', gulp.series('html', function() {
  // watch for HTML changes
  gulp.watch('*.html', gulp.series('html'))
}));

и посмотрите, как перейти с руководства gulp v3 на v4, поскольку большая часть кода, который вы собираетесь найти, это v3.