gulp sass无法通过browserSync重新加载

Question

我一直试图让我的sass文件在进行更改后重新加载，但似乎无法正常工作。 browserSync运行正常，但没有重新加载sass。当我在终端中重新运行gulp时，它会重新加载。我正在使用Gulp 4，这是我的gulpfile.js。

var gulp        = require('gulp');
var browserSync = require('browser-sync');
var reload      = browserSync.reload;
var sass        = require('gulp-sass');
var concat      = require('gulp-concat');

gulp.task('browser-sync', function() {
    var files = [
        './sass/*.scss',
        './*.php'
    ];

    browserSync.init(files, {
        proxy: "http://localhost/example",
        notify: true
    });
});

gulp.task('sass', function () {
    return gulp.src([
        'sass/main.scss',
        'sass/*.scss'
    ])
        .pipe(sass({outputStyle: 'compressed'}))
        .pipe(concat('styles.css'))
        .pipe(gulp.dest('./css'))
        .pipe(reload({stream:true}));
});

gulp.task('default', gulp.series('sass', 'browser-sync'), function () {
    gulp.watch("sass/**/*.scss", gulp.series('sass'));
});