gulp 4.0 使用browser-sync 实时重载只能一次？照着官方文档和网上的弄都不行啊

Question

官方文档地址https://www.gulpjs.com.cn/doc...我的代码如下。最简单的引用一个css，启动服务后，修改css中body的颜色。能够热更新一次，之后再改其他颜色就没用了。
gulp.task('serve',function(){
browserSync({
server:{
baseDir:'src'
}
});
//gulp.watch('./src/**/*.scss',()=>{
//console.log(22)
//gulp.src("./src/**/*.scss").pipe(sass()).pipe(gulp.dest("./src")).pipe(reload({
//stream:true
//}))
//});
gulp.watch('./src/**/*.css',()=>{
console.log(3)
reload()
});
});
gulp.task("ss",gulp.series("serve"))
去掉了sass的内容，只监听css，还是不行，效果一样，都只能热更新一次，之后再改就没用了。
在命令行使用gulpss或者gulpserve启动。如下，打印的3，也只能打印1次，只能起一次作用，之后再改就没用了
>gulpserve
[22:06:53]UsinggulpfileF:\ty\1\gulpfile.js
[22:06:53]Starting'serve'...
[Browsersync]AccessURLs:
--------------------------------------
Local:http://localhost:3000
External:http://192.168.0.112:3000
--------------------------------------
UI:http://localhost:3001
UIExternal:http://localhost:3001
--------------------------------------
[Browsersync]Servingfilesfrom:src
[22:07:01]Starting''...
3
[Browsersync]ReloadingBrowsers...

Answer 1

用下面这个语句试试看constbrowserSync=require('browser-sync').create()asyncfunctionserve(){awaitbrowserSync.init({server:{baseDir:'./src',},files:['src/**/*.css'],//这里填写监听的文件列表},function(){console.log('browserrefreshed')},)}exports.default=serve