2015-11-25 24 views
10

Próbuję użyć wiredep do wstrzyknięcia zależności bower. Jestem trochę zdezorientowany, jak to działa i dlaczego działa tylko dla moich plików JS.Wiredep nie wstawi uzależnień CSS altankowych

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

Co robi ostatnia linia gulp.dest('.')? nie byłby to mój plik index.html. Ponadto to zadanie wydaje się tylko wstrzykiwać pliki javascript. Mam w zależności bower.json dla

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

Bootstrap, Burbon i zadbane, wszystkie posiadają duże ilości CSS, jednak

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

pozostać puste po uruchomieniu gulp wiredep. Dlaczego miałoby to być?

bower.json deps wyglądać następująco:

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

Odpowiedz

2

przede wszystkim dodać oficjalne obejście z bootstrap bloga do projektu bower.json pliku:

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

Dla innych pakietów wzór byłyby to samo, ale zmień ścieżkę.

+0

Tę aktualizację należy wprowadzić w pliku 'bower_components' _each_ individual package? Czy istnieje sposób, aby uczynić ten proces mniej ręcznym? Wydaje się to dość czasochłonne i kłóci się z oszczędnością czasu w tym trudnym zadaniu .. ': /' – 1252748

+0

Nie dodawaj go do pliku 'bower.json' twojego projektu. Dodam go jako aktualizację odpowiedzi. –

+0

Dobra, widzę, że tęskniłem za pierwszym razem. Ale to musi być zrobione na zawsze zależność od altanki? – 1252748