Gulp.js 事件流合并顺序

我正在尝试将 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 文件顶端的某个位置。我需要他们在底部。所以它们需要在底部连接起来。

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

Try 流队列 https://www.npmjs.org/package/streamqueue.

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'))
});

这个备忘单 https://github.com/osscafe/gulp-cheatsheet会帮助你。PDF https://github.com/osscafe/gulp-cheetsheet/raw/master/dist/en-js-p2.pdf在这儿。