Sass Gulp browserSync运行1次更改

Sass Gulp browserSync运行1次更改,sass,gulp,browser-sync,Sass,Gulp,Browser Sync,我试图在工作中为我们的开发环境设置Gulp browserSync,我已经让它工作了,但是当我第一次在sass中更改某些内容时,它不会刷新。但当我再次改变它时,它确实起作用了,但它改变为第一次改变的调整。所以它有一个变化的延迟 这是我的Gulpfile.js: var gulp = require('gulp'); var browserSync = require('browser-sync').create(); var sass = require('gulp-sass'); gulp.

我试图在工作中为我们的开发环境设置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);
});