IE8 सशर्त ब्लॉक के रूप में विशिष्ट बोवर घटकों को जोड़ने के लिए कैसे Gulp

Question

में मैं कई बोवर घटकों, जिनमें से मैं (और साथ ही सेवा कर निर्माण में) कुछ घटकों json3, respondjs, es5shim की तरह एक IE8 सशर्त ब्लॉक में जोड़ा जाना चाहिए की तरह इस:

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

मैं कैसे काम लिखने के लिए आगे बढ़ना चाहिए? मुझे इस समस्या के लिए gulp-inject के साथ-साथ wiredep के साथ कोई उपयुक्त उदाहरण नहीं मिला। कृपया

Answer 1

gulp-filter और gulp-inject's starttag option के साथ यह संभव है।

आप निम्नलिखित इंजेक्शन index.html में परिभाषित किया है मान लीजिए:

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

आप उन्हें 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')); 
}); 

कौन सा (उदाहरण के लिए) में जो परिणाम:

<!--[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 -->