javascript - Gulp.js 事件流合并顺序

Question

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

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

Answer 1

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

This cheatsheet会帮助你。 PDF在这里。