Come aggiungere componenti Bower specifici come IE8 blocco condizionale in Gulp

Question

Ho diversi componenti Bower, di cui ho bisogno di alcuni componenti come json3, respondjs, es5shim da aggiungere in un blocco condizionale IE8 (in costruzione, nonché servire) come questo:

<!--[if lt IE 9]> <script src="bower_components/json3/json3.js"></script> <![endif]-->

Come devo procedere a scrivere l'attività? Non sono riuscito a trovare alcun esempio adatto con gulp-inject e wiredep per questo problema. Si prega di avvisare

Answer 1

E 'possibile con gulp-filter e gulp-inject's starttag option.

Supponiamo di avere le seguenti iniezioni definito index.html:

<!--[if lt IE 9]> 
<![endif]--> 
<!-- inject:js --> 
<!-- endinject --> 

È possibile cablare in gulpfile:

var gulp = require('gulp') 
var bowerFiles = require('main-bower-files'); 
var gulpFilter = require('gulp-filter'); 
var gulpInject = require('gulp-inject'); 

gulp.task('wiredep', function() { 
    var ie8Files = ['**/json3.js', '**/es5shim.js']; 
    // the same as: var restFiles = ['*', '!**/json3.js', '!**/es5shim.js']; 
    var restFiles = ['*'].concat(ie8Files.map(function(e) { return '!' + e;})); 
    return gulp.src('index.html') 
    .pipe(gulpInject(gulp.src(bowerFiles(), {read: false}).pipe(gulpFilter(restFiles)))) 
    .pipe(gulpInject(gulp.src(bowerFiles(), {read: false}).pipe(gulpFilter(ie8Files)), 
        {starttag: '<!--[if lt IE 9]>', endtag: '<![endif]-->'})) 
    .pipe(gulp.dest('dist')); 
}); 

che si traduce in (per esempio):

<!--[if lt IE 9]> 
<script src="bower_components/json3/json3.js"></script> 
<script src="bower_components/shim/es5shim.js"></script> 
<![endif]--> 
<!-- inject:js --> 
<script src="bower_components/jquery/jquery.js"></script> 
<!-- endinject -->