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。

Gulp - 使用gulp-ruby-sass创建两个文件

1 个答案: