gulp Bower wiredep nie zbiera się bootstrap.css?

Question

Mam plik index.html. W moim pliku bower.json mam zależność:

"bootstrap": "~3.3.2" 

w pliku haustem mam:

gulp.src('./main.html') 
    .pipe(wiredep({ 
     bowerJson: require('./bower.json') 
    })) 
    .pipe(gulp.dest('./')); 

Kiedy to robię, widzę cały css i js jest generowany, ale nie zobacz bootstrap.css zawarte w dowolnym miejscu iniekcji, inne zależności są. Co się dzieje?

Sądzę, że musi to być prosta poprawka? Czy może łyk ma z tym problemy w porównaniu z chrząkaniem?

Aktualizacja: Dostaję **** rzucony na mnie w hardcorowym fanatyku maven o tym, jak altana i ssie jest do bani w porównaniu do maven i jak po zainstalowaniu altan musisz ręcznie zmodyfikować plik bower.json paczki po nim pliki do pobrania. Jeśli istnieje jakiś sposób, aby zgodnie z prawem nie trzeba modyfikować bower.json lub sposobu włączenia go do procesu budowania, który nie wymagałby od programisty zrobienia tego ... proszę zaktualizować!

Answer 1

po zmianie pliku bower.json w katalogu, który został pierwotnie wskazując na plik * .less do następujących:

"main": ["dist/css/bootstrap.css"], 

to teraz działa.

Uwaga: usunąłem wpis dla pliku bootstrap.js, ponieważ go nie potrzebuję.

Answer 2

To jest problem z najnowszą wersją Bootstrap, 3.3.5. Zobacz następujący GitHub problem, aby uzyskać więcej informacji:

https://github.com/twbs/bootstrap/issues/16663

Innymi słowy, powinien działać w porządku aż do wersji 3.3.4.

Należy podać rzeczywistą wersję, której chcesz użyć w Bower; za pomocą ~ 3.3.2 w twoim bower.json po zainstalowaniu już wersji 3.3.5, czyniłoby to Bowera kurortem w wersji 3.3.5, po prostu zmień to na 3.3.2 zamiast ~ 3.3.2, a będziesz złoty !

Answer 3

Tak jak @Helzgate powiedział bootstrap rozważa bootstrap.less jako domyślnego pliku stylu zamiast bootstrap.css, można to sprawdzić wchodząc do

bower_components/bootstrap/Bower. json

wtedy widać wyraźnie, że głównym atrybutem jest posiadanie następującą wartość:

main": [ 
    "less/bootstrap.less", 
    "dist/js/bootstrap.js" 
    ] 

więc wszystko co musisz zrobić, to zastąpienie mniej/bootstrap.less z dist/css/bootstrap.css tak:

"main": [ 
    "dist/css/bootstrap.css", 
    "dist/js/bootstrap.js" 
    ] 

i voila, że ​​jest to.

Answer 4

Zamiast zamieniać/modyfikować bower.json bootstrap możemy przesłonić główny obiekt w bower.json projektu.

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

To działa dla mnie!

Answer 5

Możesz użyć do Bootstrap 3.3.4. Następnie nie wstrzykuje się css. Tylko JS. To wszystko jest wymienione wyczerpująco w https://github.com/twbs/bootstrap/issues/16663. Prawdopodobnie upłynie trochę czasu, zanim zostanie rozwiązany. Na dzień dzisiejszy wciąż nie został rozwiązany. Chodzi o to, że wiredep działa tak pięknie dzięki mojemu przepływowi pracy. Jedyną inną rzeczą, która działa równie dobrze, jest wstrzyknięcie, ale potem to przełknęło, a łyk nie jest tak przyjazny dla Bootstrapa.

Answer 6

można ustawić nadpisanie w wiredep opcji jak ten:

gulp.task('bower',['inject-js'],function(){ 
return gulp.src('./www/index.html') 
    .pipe(wiredep({ 
     "overrides" : { 
      "bootstrap":{ 
       "main":[Set the path to any thing you like] 
      } 
     }, 
     directory:'./www/lib/' 
    })) 
    .pipe(gulp.dest('./www')); 
});