ガルプ - しかし、私は奇妙な行動</p> <p>に直面しています私は、タスクランナーとしてがぶ飲みを使用しています私は、複数のUIフレームワークとSASSのようなプリプロセッサを使用してJS Webアプリケーションに取り組んでいますファイル

Question

、

の更新に遅れ例：私の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']); 

私はpadding-left:5px;

私はpadding-left:15px; に多くの時間でそれを変更した場合Styles.cssを、結果は結果がpadding-left:5px;ですまだ古い値paddin-left:10px; あるに例の変更ライン3のための私のSASSファイルで何かを更新するとき ファイルの更新に常に1つのステップの遅延がある理由

ありがとうございます。

Answer 1

saasタスクは確かに正しいですが、もう一つの解決策はで一緒にパイプに二つのタスクである