咕嘟咕嘟 - 延迟更新我使用咕嘟咕嘟作为一个任务运行文件

Question

我使用多个UI框架和像SASS预处理器上JS的Web应用程序的工作，

，但我现在面临一个奇怪的行为

为例如： 我SASS文件

.class_name{ 
    text-align: left; 
    padding-left: 10px; 
    padding-right: 15px; 

} 

这里是我一饮而尽任务

gulp.task('sass',function(){ 
gulp.src(['src/scss/base.scss', 
     'src/scss/**/**/*.scss' 
     ]).pipe(concat('styles.scss')) 
     .pipe(sass()) 
     .pipe(gulp.dest('src/css')) 
}) 

gulp.task('styles',['sass'], function() { 
    return gulp.src(['src/css/styles.css', 
     'src/css/libs/**/*.css' 
     ]) 
.pipe(concat('styles.css')) // Other post-processing. 
.pipe(gulp.dest('public/css')) // Output LTR stylesheets. 
.pipe(rtlcss()) // Convert to RTL. 
.pipe(rename({ suffix: '-rtl' })) // Append "-rtl" to the filename. 
.pipe(gulp.dest('public/css')); // Output RTL stylesheets. 
}); 
gulp.task('watch',function() { 

gulp.watch('src/scss/**/**/*.scss',['styles']); 

}) 


gulp.task('default',['styles','watch']); 

当我更新例如变线3我顶嘴文件什么padding-left:5px;

结果Styles.css中仍是旧的价值paddin-left:10px; 如果我改变它更多的时间来padding-left:15px; 结果是padding-left:5px; 为什么在更新文件时总会有一步延迟！

在此先感谢。

Answer 1

你应该返回的saas

gulp.task('sass',function(){ 
    return gulp.src(['src/scss/base.scss', 
     'src/scss/**/**/*.scss' 
     ]).pipe(concat('styles.scss')) 
     .pipe(sass()) 
     .pipe(gulp.dest('src/css')) 
}) 

结果，除非你return的style不知道什么时候saas任务完成