在Gulp中使用事件流进行concat流式时的顺序 [英] Order when concat streams with event-stream in Gulp

问题描述

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

这是因为appFiles流运行速度更快吗？

  gulp.task（'styles'，function（）{
 
 var vendorFiles = gulp.src（mainBowerFiles（））//不读取
 .pipe（gulpFilter（'*。css'））; 
 $ b $ var AppFiles = gulp.src（'app / sass / *。scss'）
 .pipe（sass（））
 .pipe（prefix（'> 5％'））; 
 
返回es.concat（vendorFiles，appFiles）
 .pipe（minifyCSS（））
 .pipe（concat（'style.css'））
 .pipe（gulp.dest（'。 / dist / css'））; 
}）; 
  

解决方案 订单

  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。 （'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'））; 
}）; 
  

In this Gulp task, the vendorFiles code is placed after the appFiles code in the dest style.css file.

Is that because the appFiles stream runs faster? How to have the vendorFiles code come before as expected?

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

解决方案

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

这篇关于在Gulp中使用事件流进行concat流式时的顺序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！