gulp-inject не работает с потоком событий

Question

gulp-inject не работает с потоком событий.

var gulp = require('gulp'); 
var mainBowerFiles = require('main-bower-files'); 
var inject = require('gulp-inject'); 
var es = require('event-stream'); 

var config = { 
    sassDir: './resources/assets/sass', 
    jsPath: './resources/app', 
    fontDir: './resources/fonts', 
    imageDir: './resources/images', 
    bowerDir: './bower_components' 
}; 

gulp.task('index', function() { 
    return gulp.src('./resources/index.html') 
     .pipe(inject(gulp.src(mainBowerFiles('**/*.js'), {read: false}), {name: 'bower'})) 
     .pipe(inject(es.merge(gulp.src(config.jsPath + '/**/*.js', {read: false})))) 
     .pipe(gulp.dest('./public')); 
}); 

Результат подходит как этот.

<!-- inject:js --> 
<script src="/resources/app/core.js"></script> 
<script src="/resources/app/first-folder/01.js"></script> 
<script src="/resources/app/second-folder/02.js"></script> 
<!-- endinject --> 

К сожалению mainBowerFiles('**/*.js') не сливаться с inject(es.merge(gulp.src(config.jsPath + '/**/*.js', {read: false})))

Answer 1

Вашей проблемой в том, что вы вызываете inject()дважды с двумя различными источниками (основными Бауэр файлами и файлами в resources/app), но вы хотите, чтобы оба источника были введены в один и тот же раздел.

Что вам нужно сделать, это вызов inject()раз с уже слившихся источников:

gulp.task('index', function() { 
    return gulp.src('./resources/index.html') 
    .pipe(inject(es.merge(
     gulp.src(mainBowerFiles('**/*.js'), {read: false}), 
     gulp.src(config.jsPath + '/**/*.js', {read: false}) 
    ))) 
    .pipe(gulp.dest('./public')); 
}); 

EDIT: Если вы хотите сохранить порядок файлов вы можете использовать streamqueue вместо es.merge():

var streamqueue = require('streamqueue'); 

gulp.task('index', function() { 
    return gulp.src('./resources/index.html') 
    .pipe(inject(streamqueue({ objectMode: true }, 
     gulp.src(mainBowerFiles('**/*.js'), {read: false}), 
     gulp.src(config.jsPath + '/**/*.js', {read: false}) 
    ))) 
    .pipe(gulp.dest('./public')); 
});