2015-11-25 17 views
10

Sto provando a utilizzare wiredep per iniettare dipendenze bower. Sono un po 'confuso su come funziona e perché funziona solo con i miei file JS.Wiredep non inserirà le dipendenze CSS bower

gulp.task('wiredep', function(cb){ 
    gulp.src('./index.html') 
    .pipe(wiredep()) 
    .pipe(gulp.dest('.')); 
}); 

Cosa fa la riga finale gulp.dest('.')? la destinazione non sarebbe il mio file index.html. Inoltre, questa attività sembra solo iniettare file javascript. Ho nel mio dipendenze bower.json per

"bootstrap": "~3.3.6", 
"bourbon": "~4.2.6", 
"jquery": "~2.1.4", 
"neat": "~1.7.2" 

Bootstrap, Borbone, e ordinato, tutti hanno grandi quantità di CSS, eppure la

<!-- bower:css --> 
<!-- endbower --> 

rimanere vuoto dopo l'esecuzione gulp wiredep. Perché dovrebbe essere?

bower.json deps simile a questa:

"dependencies": { 
    "angular": "~1.4.8", 
    "bitters": "~1.1.0", 
    "bourbon": "~4.2.6", 
    "font-awesome": "fontawesome#~4.5.0", 
    "jquery": "~2.1.4", 
    "neat": "~1.7.2" 
    } 

risposta

2

Prima di tutto aggiungere la soluzione ufficiale dal blog di bootstrap per bower.json il file del progetto:

"dependencies": { 
... 
}, 
"overrides": { 
    "bootstrap": { 
    "main": [ 
     "dist/js/bootstrap.js", 
     "dist/css/bootstrap.css", 
     "less/bootstrap.less" 
     ] 
    } 
} 

Per altri pacchetti lo schema sarebbe lo stesso ma cambia il percorso.

+0

L'aggiornamento deve essere eseguito nel file _each_bather_components' del pacchetto individuale? C'è un modo per rendere questo processo meno manuale? Questo sembra abbastanza dispendioso in termini di tempo e in contrasto con l'intento di risparmio di tempo di questo compito gulp .. ': /' – 1252748

+0

Non aggiungerlo al file 'bower.json' del progetto. Lo aggiungerò come aggiornamento alla risposta. –

+0

Giusto, vedo che l'ho perso la prima volta. Ma deve essere fatto per sempre dipendenza da bower? – 1252748