注入底部有三個特定文件的多個文件

Question

我需要注入所有文件，並重新注入最後三個，all.css，foo.css和app.min.js，以便最後注入它們。 注射任務：

return gulp.src('src/index.html') 
     .pipe(inject(gulp.src(['temp/**/*.css','!temp/**/all.css','!temp/**/foo.css','./temp/**/*.js','!temp/**/app.min.js'], {read: false}), {ignorePath: 'temp'})) 
     .pipe(inject(gulp.src(['temp/**/all.css','temp/**/foo.css,'temp/**/app.min.js'], {read: false}), {ignorePath: 'temp'}))  
     .pipe(gulp.dest('temp')) 
     .pipe(connect.reload()); 
} 

，我把它的方式，它只是覆蓋我的第一次注射和注射只有第二個。

Answer 1

您需要注入一個流。這意味着您需要將第二個流中的文件添加到第一個流的末尾。 gulp-add-src包讓你這樣做：

var addSrc = require('gulp-add-src'); 

var files = gulp.src(['temp/**/*.css','!temp/**/all.css','!temp/**/foo.css','./temp/**/*.js','!temp/**/app.min.js'], {read: false}) 
.pipe(addSrc.append(['temp/**/all.css','temp/**/foo.css','temp/**/app.min.js'], {read: false})); 

return gulp.src('src/index.html') 
    .pipe(inject(files, {ignorePath: 'temp'})) 
    .pipe(gulp.dest('temp')) 
    .pipe(connect.reload());