javascript - 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 .