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

Gulp任務依賴項（傳遞的數組）異步運行，因此您不知道哪個首先運行。 您有兩個在同一目錄上運行的任務style和devCSS 。 它們不應異步執行，也不應傳遞給相同的依賴項列表。 分開它們：

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

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

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