在具有Gulp事件流的concat流时的顺序

Question

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

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

解决它