Gulp - 使用gulp-ruby-sass創建兩個文件

Question

我需要使用gulp-ruby-sass插件創建兩個css文件 - 一個壓縮和一個擴展。目前正在創建兩個文件，但這兩個文件都已擴展。有什麼辦法可以做到這一點？ 代碼：

gulp.task('style', function() { 
    gulp.src('assets/scss/**/*.scss') 
     .pipe(plumber()) 
     .pipe(sass({ 
      style:'compressed' 
     })) 
     .pipe(gulp.dest('assets/css/')) 
     .pipe(livereload()); 
}); 

gulp.task('devCSS', function() { 
    gulp.src('assets/scss/**/*.scss') 
     .pipe(plumber()) 
     .pipe(sass({ 
      style: 'expanded' 
     })) 
     .pipe(gulp.dest('assets/css/dev/')); 
}); 
gulp.task('default', ['uglify', 'style', 'watch', 'devCSS']); 

Answer 1

咕嘟咕嘟任務依賴（傳遞的數組），異步運行，所以你不知道哪一個先運行。您有兩個任務style和devCSS，它們在相同的目錄上運行。它們不應該異步執行，不應該傳遞給相同的依賴列表。它們分開：

gulp.task('defaultDev', ['uglify', 'watch', 'devCSS']);

gulp.task('default', ['uglify', 'style']);

如果您需要在同一任務中使用run-sequence運行它們。