Gulp - retard dans les fichiers de mise à jour

Question

Je travaille sur une application Web JS en utilisant plusieurs cadres de l'interface utilisateur et Préprocesseurs comme SASS,

J'utilise Gulp comme un coureur de tâche, mais je suis face à un comportement étrange

pour exemple: dans mes SASS fichier

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

} 

voici mon gulp tâches

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']); 

quand je mets à jour quoi que ce soit dans mon fichier SASS par exemple le changement ligne 3-padding-left:5px;

le résultat dans styles.css est toujours l'ancienne valeur paddin-left:10px; si je change sur plus de temps pour padding-left:15px; le résultat est padding-left:5px; Pourquoi il y a toujours un pas de retard dans la mise à jour des fichiers !!!

Merci d'avance.

Answer 1

vous devez renvoyer le résultat de 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')) 
}) 

à moins que vous return le style ne saurez pas quand saas tâche terminée