Wie src Dateien in der Mitte einer Leitung hinzufügen

Question

Ich möchte einige Dateien mit 'Kaffee' verarbeiten, fügen Sie einige js-Dateien, concat und minimieren.

Dies funktioniert nicht, nicht Kaffee auf den regulären js Dateien:

gulp.task 'build-js', -> 
    gulp.src([ 
     "bower_components/mbdev-core/dist/js/db.js" 
     "bower_components/mbdev-core/dist/js/utils.js" 
     "src/js/config/app.coffee" 
     "src/js/config/app-db.coffee"    
     "src/js/accounts/accounts.coffee" 
     "src/js/budget_items/budget_items.coffee" 
     "src/js/line_items/line_items.coffee" 
     "src/js/misc/misc.coffee" 
     "src/js/reports/report_generators.coffee" 
     "src/js/reports/reports.coffee" 
    ]) 
    .pipe(coffee()).on('error', gutil.log) 
    .pipe(concat('app.js')) 
    .pipe(gulp.dest('public/js')) 

Gibt es eine Möglichkeit, um Dateien nach dem Kaffee Teil hinzufügen?

Answer 1

Sie müssen keine Dateien in den ursprünglichen src hinzuzufügen, sondern Kaffee zu verwenden nur "wenn" ...

So verwenden gulp-if

gulp.task('task', function() { 
    gulp.src('./stuff/*') 
    .pipe(gulpif(/[.]coffee$/, coffee())) 
    .pipe(gulp.dest('./dist/')); 
}); 

Siehe here mehr über gulp- ob.

Answer 2

gulp.src Ströme sind Durchleitungen, so dass Sie sie an jedem beliebigen Punkt in der Pipeline

gulp.task 'build-js', -> 
    gulp.src([ 
     "src/js/config/app.coffee" 
     "src/js/config/app-db.coffee"    
     "src/js/accounts/accounts.coffee" 
     "src/js/budget_items/budget_items.coffee" 
     "src/js/line_items/line_items.coffee" 
     "src/js/misc/misc.coffee" 
     "src/js/reports/report_generators.coffee" 
     "src/js/reports/reports.coffee" 
    ]) 
    .pipe(coffee()).on('error', gutil.log) 
    .pipe(gulp.src([ 
     "bower_components/mbdev-core/dist/js/db.js" 
     "bower_components/mbdev-core/dist/js/utils.js" 
    ])) 
    .pipe(concat('app.js')) 
    .pipe(gulp.dest('public/js')) 

Answer 3

@Contra ‚s Antwort für mich nicht funktioniert hinzufügen. Neuer Stream ersetzt den alten, nicht zu ihnen gesellt.

Sie sollen Ströme auf diese Weise kombinieren:

es = require("event-stream") 

es.concat(
    gulp.src('*.coffee') 
    .pipe(coffee()), 
    gulp.src('*.js') 
).pipe(concat('all.js')) 
.pipe(gulp.dest('.')) 

Und Sie können offizielle Führer dazu hier Using multiple sources in one task

Wenn Sie kümmern sich um die Ordnung innerhalb des Stroms, sollten Sie streamqueue statt event-stream verwenden sehen

Answer 4

Sie können die gulp-add-src Plugin:

addsrc = require 'gulp-add-src' 

gulp.task 'build-js', -> 
    gulp.src(['src/coffee/*.coffee']) 
    .pipe(coffee()).on('error', gutil.log) 
    .pipe(addsrc(['src/js/somefile.js', 'src/js/otherfile.js'])) 
    .pipe(concat('app.js')) 
    .pipe(gulp.dest('public/js'))