gulp4にてbrowser-syncが動作しない。

前提・実現したいこと

Gulp4にてbrowser-syncを使おうと考えています。
htmlファイルを更新したのですがbrowser-syncが動作しません。
projectフォルダを作成し、その中にgulpfile.jsと他のgulpファイル、htmlという名前のフォルダを作っています。
htmlフォルダの中にindex.htmlを作成して更新しているのですが動作しません。
問題点はどこにありますでしょうか。
よろしくお願いします。

発生している問題・エラーメッセージ

htmlを更新してもブラウザが開かず更新されない

該当のソースコード

javascript
1var gulp = require('gulp');
2var browserSync =require('browser-sync');
3
4gulp.task('default', function (){
5
6  //ブラウザリロード
7  gulp.task('browser-sync', function(){
8    browserSync({
9      server: {
10        baseDir: 'html/',
11        index  : "index.html"
12      }
13    });
14  });
15  gulp.task('reload', function(){
16    browserSync.reload();
17  });
18  gulp.task('bsl', gulp.task('browser-sync'), function (){
19    gulp.watch('html/*.html', gulp.task('reload'));
20  });
21
22});