gulp4.0中 browserSync / watch 如何改写？

Question

var gulp = require('gulp');
var browserSync = require('browser-sync'),   // 自动刷新
  reload = browserSync.reload;
var changed = require('gulp-changed')
// server
function server() {
  return browserSync.init({
    port:9000,
    server:{
      baseDir: 'dist',
      index:'index.html'
    }
  })
}
// html
function html() {
  return gulp.src('*.html')
    .pipe(changed('dist'))
    .pipe(gulp.dest('dist'))
}
// watch
function watch() {
  gulp.watch('*.html',['html'])
  gulp.watch('dist/**/*').on('change',reload)
}
gulp.task('default',gulp.series(html,server,watch))  // 不用单引号！！！

请问一下，我使用gulp4.0时， 引入 browser-sync后，如何实现浏览器实时刷新？ 如何修改watch() 方法？

Answer 1

和以前的一样，直接写就行了啊。
上一段代码：
//启动热更新
gulp.task('default', ['clean'], function() {

runSequence(       
    "revImg",
    ["revCss","revJs"],
    "updateHtml"
);      //- 替换index.html文件名
 browserSync.init({  
    port: 80,  
    server: {  
        baseDir: ['dist']  
    }   
});  

//监控文件变化，自动更新

gulp.watch(['index.html'], function(){
        runSequence(         
        "updateHtml", 
        browserSync.reload     
    );       
}); 

//监控文件变化，自动更新
gulp.watch(['js/*.js'], function(){

runSequence(
'revJs',           
"updateHtml", 
browserSync.reload     

);
});
//监控文件变化，自动更新
gulp.watch(['css/*.css'], function(){

runSequence(
"revCss",        
"updateHtml", 
browserSync.reload     

);
});
})

Answer 2

自己试出答案了

var gulp = require('gulp');
var browserSync = require('browser-sync'),   // 自动刷新
  reload = browserSync.reload;
var changed = require('gulp-changed')
// server
function server() {
  browserSync.init({
    port:9000,
    server:{
      baseDir: 'dist',
      index:'index.html'
    }
  })
  gulp.watch('*.html',myHtml)   // 把监听写在服务里面，这里是复制html
  gulp.watch('dist/**/*').on('change',reload)  // 这里是刷新浏览器
}
// html
function myHtml() {
  return gulp.src('*.html')
    .pipe(changed('dist'))
    .pipe(gulp.dest('dist'))
}
gulp.task('default',gulp.series(myHtml,server))  // 不用单引号！！！