Gulp browserSync后面运行1次更改

Question

我正在尝试为我们的开发环境设置Gulp browserSync并且我已经开始工作，但是当我第一次在sass中更改某些内容时，它不会刷新。但是当我再次改变它时，它确实有效，但它改变了第一次改变的调整。所以有点延迟一次改变

这是我的Gulpfile.js：

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

gulp.task('browserSync', ['sass'], function() {
  browserSync.init({
    proxy: "develop.work.dev"
  });
});

gulp.task('sass', function() {
  return gulp.src("themes/comp-fluid/sass/**/*.scss")
          .pipe(sass())
          .pipe(gulp.dest("themes/comp-fluid/css"))
          .pipe(browserSync.reload({
            stream: true
  }));
});

gulp.task('watch', ['browserSync', 'sass'], function(){
  gulp.watch('themes/comp-fluid/sass/**/*.scss', ['sass']);
  gulp.watch('themes/comp-fluid/views/**/*.tpl').on('change', browserSync.reload);
});