在 Gulp 中使用事件流连接流时的顺序答案

【问题标题】：Order when concat streams with event-stream in Gulp在 Gulp 中使用事件流连接流时的顺序
【发布时间】：2014-09-10 15:00:04
【问题描述】：

在这个 Gulp 任务中，vendorFiles 代码放在 dest style.css 文件中的 appFiles 代码之后。

是因为 appFiles 流运行得更快吗？如何让 vendorFiles 代码按预期出现？

gulp.task('styles', function () {

    var vendorFiles = gulp.src(mainBowerFiles()) // don't read
        .pipe(gulpFilter('*.css'));

    var appFiles = gulp.src('app/sass/*.scss')
        .pipe(sass())
        .pipe(prefix('> 5%'));

    return es.concat(vendorFiles, appFiles)
        .pipe(minifyCSS())
        .pipe(concat('style.css'))
        .pipe(gulp.dest('./dist/css'));
});

【问题讨论】：

标签： stream gulp

【解决方案1】：

用gulp-order解决了这个问题

gulp.task('scripts', function () {

    var jsFilter = gulpFilter('*.js');
    var vendorFiles = gulp.src(mainBowerFiles())
        .pipe(jsFilter)
        .pipe(concat('vendor.js'));

    var appFiles = gulp.src('app/js/*.js')
        .pipe(jshint())
        .pipe(jshint.reporter('default'))
        .pipe(concat('app.js'));

    return eventStream.concat(vendorFiles, appFiles)
        .pipe(order([
            "vendor.js",
            "app.js"
        ]))
        .pipe(concat('app.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./dist/js'));
});

【讨论】：