如何让Gulp识别编译文件中的更改/更新?

我正在建立一些站点,并使用Gulp将它们的.scss文件编译成 main.css 文件。

一切都很好,但有一件事-咕噜似乎不知道什么时候 主.css 文件已更新。

例如,如果我运行 gulp sass 主.css 文件,然后运行我的FTP部署脚本, gulp ftp-deploy 主.css 文件。

只有当 如果我在IDE中打开它,做一些修改,比如添加一个空间或其他东西,然后保存。

当我运行Shopify ThemeKit时,上面的问题也会发生 theme watch 指挥也是。

有人知道我怎么做才能检测到变化吗?

我的gulpfile.js是这样的:

const gulp = require('gulp');
const sass = require('gulp-sass'); //Compiles SASS
const ftp = require( 'vinyl-ftp' ); //FTP

gulp.task('sass', function(){
  return gulp.src('scss/main.scss')
    .pipe(sass())
    .pipe(gulp.dest('css'))
});

gulp.task('ftp-deploy', function() {

  var conn = ftp.create({
    // CONFIG
  });

  var localFilesGlob = ['css/**']; 

  return gulp.src(localFilesGlob, { base: '.', buffer: false })
    .pipe( conn.newer( '.' ) )
    .pipe( conn.dest( '.' ) )
  ;

});

node.js版本是11.6.0

npm版本是6.5.0

Gulp版本是4.0.0(2.0.1 CLI)

我在MacOS 10.14.2上