Gulp.js事件流合并顺序

Jabba Da Hoot 发表于 Dev

贾巴·达胡特（Jabba Da Hoot）

我试图将css和scss文件合并到构建目录中的main.css文件中。它工作正常，但顺序不正确。来自scss文件的样式属性必须位于main.css文件的底部，以便它们覆盖其余部分。

我的Gulp任务看起来像这样：

    //CSS
gulp.task('css', function () {
    var cssTomincss = gulp.src(['dev/css/reset.css', 'dev/css/style.css','dev/css/typography.css',    'dev/css/sizes.css']);

    var cssFromscss = gulp.src(['dev/css/*.scss'])
        .pipe(sass());

    return es.merge(cssTomincss, cssFromscss)
        .pipe(concat('main.css'))
        .pipe(minifyCSS())
        .pipe(gulp.dest('build/css'))
});

我首先用变量定义源。我正在使用gulp-sass插件将scss文件转换为普通的css（.pipe（sass）），然后将两者与es.merge函数合并，然后将它们串联到main.css中。

问题在于，.scss文件的样式属性最终位于main.css文件的顶端。我需要他们在最底层。因此，它们需要在底部连接。

关于如何执行此操作的任何线索？

川村勉

尝试流队列。

var streamqueue = require('streamqueue');

gulp.task('css', function () {
    return streamqueue({ objectMode: true },
            gulp.src(['dev/css/reset.css', 'dev/css/style.css', 'dev/css/typography.css', 'dev/css/sizes.css']),
            gulp.src(['dev/css/*.scss']).pipe(sass())
        )
        .pipe(concat('main.css'))
        .pipe(minifyCSS())
        .pipe(gulp.dest('build/css'))
});

该备忘单将为您提供帮助。PDF在这里。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。