много разных вариантов перепробовал,в итоге решил вопрос с автообновлением,написав еще один таск для gulp под html и немного подправив код.
Вот рабочий вариант кода,где компилируется sass в css и работает
browser sync:
var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync');
gulp.task('sass', function() {
return gulp.src('src/sass/main.sass')
.pipe(sass({outputStyle: 'expanded'}))
.pipe(gulp.dest('src/css'))
.pipe(browserSync.reload({stream: true}))
});
gulp.task('html', function() {
return gulp.src('src/*.html')
.pipe(browserSync.reload({stream: true}))
});
// Static server
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "src/"
}
});
});
gulp.task ('watch', function() {
gulp.watch('src/sass/**/*.sass', gulp.parallel('sass'))
gulp.watch('src/*.html', gulp.parallel('html'))
});
gulp.task('default', gulp.parallel('browser-sync', 'watch'))