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

Gulp - create two files with gulp-ruby-sass

本文关键字:两个 文件 创建 Gulp ruby sass Gulp-      更新时间:2023-09-26

我需要用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']);

Gulp任务依赖项(传递的数组)异步运行,所以您不知道哪个先运行。您有两个任务styledevCSS在同一目录上运行。它们不应该异步执行,也就是说,不应该传递到同一个依赖项列表。分离它们:

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

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

如果需要在同一任务中运行它们,请使用运行序列。