合併兩個大口流

Question

我試圖合併兩個吞掉來源如下：

gulp.task("build", ["clean"], function() { 

    var sb = gulp.src([ 
    paths.bower + "jquery/jquery.js", 
    paths.bower + "angular/angular.js" 
    ]) 
    .pipe(flatten()) 
    .pipe(gulp.dest(paths.scripts.vnd)); 

var sm = gulp.src([ 
    paths.scripts.vnd + "jquery.js", 
    paths.scripts.vnd + "angular.js" 
]) 
    .pipe(concat("app.js")) 
    .pipe(gulp.dest(paths.scripts.dst)) 
    .pipe(rename("app.min.js")) 
    .pipe(uglify()) 
    .pipe(gulp.dest(paths.scripts.dst)); 

    return merge(sb, sm); 

}); 

不知何故只執行第一個。

但是，如果我有依賴移動第二個到另一個任務的構建則都被執行...

我做了合併錯誤的方式？

更新1

我更新了我的任務就是建設均不文件和JS文件，所以我有：

var 
    gulp = require("gulp"), 
    fs = require("fs"), 
    merge = require("merge2"), 
    concat = require("gulp-concat"), 
    flatten = require("gulp-flatten"), 
    less = require('gulp-less'), 
    minify = require('gulp-minify-css'), 
    rename = require("gulp-rename"), 
    rimraf = require("gulp-rimraf"), 
    uglify = require("gulp-uglify"); 

var paths = { 
    bower: "./bower_components/", 
    scripts: { 
    app: "./" + "/scripts/app/", 
    dst: "./" + "/scripts/dst/", 
    vnd: "./" + "/scripts/vnd/" 
    }, 
    styles: { 
    app: "./" + project.webroot + "/styles/app/", 
    dst: "./" + project.webroot + "/styles/dst/" 
    } 
}; 

gulp.task("build", function() { 

    var sbm = gulp.src([ 
    paths.styles.app + "*.less", 
    paths.styles.vnd + "*.less" 
    ]) 
    .pipe(less()) 
    .pipe(minify()) 
    .pipe(concat("app.css")) 
    .pipe(gulp.dest(paths.styles.dst)) 
    .pipe(rename("app.min.css")) 
    .pipe(gulp.dest(paths.styles.dst)); 

    var scb = gulp.src(
    [ 
     paths.bower + "jquery/jquery.js", 
     paths.bower + "angular/angular.js" 
    ]) 
    .pipe(flatten()) 
    .pipe(gulp.dest(paths.scripts.vnd)); 

    var scm = gulp.src(
    [ 
     paths.scripts.vnd + "jquery.js", 
     paths.scripts.vnd + "angular.js" 
    ]) 
    .pipe(concat("app.js")) 
    .pipe(gulp.dest(paths.scripts.dst)) 

    return merge(sbm, scb, scm); 

}); 

不知何故，這隻能執行SBM ...有誰知道這是爲什麼？

我也試過@左上的建議，但包括LESS在任務結束時app.min.js文件中獲取在它的代碼更少...

Answer 1

與merge2插件試試這個，這是我要做的事

var merge = require('merge2'); 

gulp.task("build", ["clean"], function() { 
    var sb = gulp.src([ 
    paths.bower + "jquery/jquery.js", 
    paths.bower + "angular/angular.js" 
    ]) 
    .pipe(flatten()) 
    .pipe(gulp.dest(paths.scripts.vnd)); 

var sm = gulp.src([ 
    paths.scripts.vnd + "jquery.js", 
    paths.scripts.vnd + "angular.js" 
]) 

    return merge(sb, sm) 
    .pipe(concat("app.js")) 
    .pipe(gulp.dest(paths.scripts.dst)) 
    .pipe(rename("app.min.js")) 
    .pipe(uglify()) 
    .pipe(gulp.dest(paths.scripts.dst)); 

}); 

爲例，這裏是我如何合併我少了兩個流派：（一個是unCSS'ed，另一種是不）

/* ===== LESS START ===== */ 
gulp.task('less', function() { 
    // Get static styles 
    var streamMain = gulp.src([ 
     srcAssets + '/less/**/*.less', 
     srcAssets + '!/less/**/interactive.less',]) 
     // Convert to CSS 
     .pipe(less()) 
     // Remove unused CSS rules 
     .pipe(uncss({ 
      html: [dest + '/index.html'] 
     })) 

    // Get dynamic styles 
    var streamEvents = gulp.src(srcAssets + '/less/global/interactive.less') 
     // Convert to CSS 
     .pipe(less()) 

    // Merge dynamic and static styles 
    return merge(streamMain, streamEvents) 
     // Concatenate in a single file 
     .pipe(concat('main.css')) 
     // Remove all comments 
     .pipe(stripCssComments({ 
      all: true 
     })) 
     // Autoprefixer for browser compatibility 
     .pipe(autoprefixer()) 
     // Compression 
     .pipe(minifyCSS()) 
     // Output file 
     .pipe(gulp.dest(dest + '/css')); 
}); 
/* ===== LESS END ===== */