Wiredep wird keine CSS-Abhängigkeiten von Bower einfügen

Question

Ich versuche wiredep zu verwenden, um Bower-Abhängigkeiten zu injizieren. Ich bin ein wenig verwirrt darüber, wie es funktioniert, und warum es nur für meine JS-Dateien funktioniert.

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

Was macht die letzte Zeile gulp.dest('.')? wäre nicht das Ziel meine index.html Datei. Außerdem scheint diese Aufgabe nur Javascript-Dateien zu injizieren. Ich habe in meinem bower.json Abhängigkeiten für

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

Bootstrap, Bourbon und ordentlich, alle große Mengen von CSS haben, noch die

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

bleiben leer nach gulp wiredep läuft. Warum sollte das sein?

bower.json deps wie folgt aussehen:

"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" 
    } 

Answer 1

allererst die offizielle Abhilfe vom Bootstrap-Blog zu Ihrem Projekt bower.json Datei hinzufügen:

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

Für andere Pakete das Muster wäre das Gleiche, aber den Weg ändern.