如何在gulp @ 4中“ browserSync + LiveReload +观看”

Question

我正在尝试编写一个执行以下操作的gulp文件：

1. 监视任务中的所有更改。
2. 通过调用一些任务来编译SCSS并最小化CSS和javascript
3. 重新加载浏览器vie browserSync

所以我想到了以下代码：

gulp.task('watch', function() {

  browserSync({
    server: {
      baseDir: [paths.base.root]
    }
  });

  gulp.watch(paths.assets.scss, gulp.series('compile:scss'));
  gulp.watch(paths.assets.css + '**/*.css', gulp.series('minify:css'));
  gulp.watch(paths.assets.js, gulp.series('minify:js'));


  gulp.watch(paths.base.html, browserSync.reload);
  gulp.watch(paths.assets.js, browserSync.reload);
  gulp.watch(paths.assets.css + '**/*.css', browserSync.reload); 
  gulp.watch(paths.assets.imgs, browserSync.reload); 
});

在这段代码中，前三个任务有效，但浏览器仅重新加载一次。