Javascript 如何使用gulp和浏览器同步创建简单的html实时重新加载

我不熟悉使用Gulp（特别是gulp4），首先，我只想对index.html文件（根文件夹中）中的任何更改进行一次非常基本的实时重新加载。到目前为止，我有：

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

如何将浏览器同步任务与gulp watch连接？我曾尝试使用官方文档，但其中的示例似乎比我试图实现的更复杂。

更改为：

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

---

请参阅《如何从gulp v3迁移到v4》指南，因为您将要找到的大多数代码都是v3。

不幸的是，这对我来说不起作用。我决定改用Parcel JS，它非常适合我的基本需求。