Grunt-injector ignora il file css dalla dipendenza da bower

Question

Sto usando l'iniettore di grunt in un nuovo progetto. Si imposta per aggiungere tutte le dipendenze bower al file index.html.

Ho ionico nelle mie dipendenze e lo uso solo per il file javascript e non per il css. Quindi vorrei che quel grunt-injector non aggiungesse il file css ionico nel mio progetto.

Ecco la mia configurazione:

injector: { 
    options: { 
    addRootSlash: false, 
    ignorePath: 'app/', 
    bowerPrefix: 'bower', 
    }, 
    bowerDependencies: { 
    files: { 
    'app/index.html': ['bower.json'], 
    } 
} 

potrei farlo modificando ionico/bower.json:

"main": [ 
    //"css/ionic.css", 
    "fonts/*", 
    "js/ionic.js", 
    "js/ionic-angular.js" 
] 

Ma, naturalmente, preferirei non farlo

Answer 1

Potenza aiuto, ma ho scoperto che gulp-injector sta compilando tutti i file CSS tra <!-- bower:css --> ... <!-- endbower -->

Un altro compito è quello di leggere il mio file di bower e modificare index.html, è wiredep plugin.

Quindi, se come me si è utilizzato un ponteggio già pronto, cercare per questo compito (qui gulp):

gulp.task('wiredep', function() { 
    log('Wiring the bower dependencies into the html'); 

    var wiredep = require('wiredep').stream; 
    var index = paths.client + 'index.html'; 

    return gulp.src(index) 
     .pipe(wiredep({ 
      directory: './bower_components/', 
      bowerJson: require('./bower.json'), 
      exclude: ['bower_components/foundation/css/foundation.css', 
         'bower_components/toastr/toastr.css'], 
      ignorePath: '../..' // bower files will be relative to the root 
     })) 
     .pipe(gulp.dest(paths.client)); 
}); 

Definendo excluse, la tua volontà forzarlo a ignorare tali file, senza modificare i pacchetti in pergolato : D