gulp Bower wiredep не поднимает bootstrap.css?

Question

У меня есть файл index.html. В моем файле bower.json у меня есть зависимость:

"bootstrap": "~3.3.2" 

В файле глоток у меня есть:

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

Когда я делаю это, я вижу, все C и JS генерируются, но не см. bootstrap.css, включенную где угодно внутри инъекции, другие зависимости. Что происходит?

Я полагаю, что для этого должно быть простое исправление? Или у gulp есть проблемы с этим по сравнению с хрюканьем?

Обновление: Я получаю ****, брошенную на меня в фанатике хардкор-мэва, о том, как боулинг и узел сосет по сравнению с maven, и как после установки bower вам нужно вручную изменить файл bower.json пакета после него загрузки. Если есть какой-то способ законно не модифицировать bower.json или способ включить это в процесс сборки, где не нужно требовать от разработчика этого сделать ... пожалуйста, обновите!

Answer 1

После того, как я изменил файл bower.json в корне, который был первоначально указывающий на * .less файла на следующее:

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

Он сейчас работает.

Примечание: я удалил запись для bootstrap.js, потому что мне она не нужна.

Answer 2

Это проблема с последней версией Bootstrap, 3.3.5. Смотрите следующий GitHub вопрос для получения дополнительной информации:

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

Другими словами, он должен работать нормально до тех пор, версии 3.3.4.

Обязательно укажите актуальную версию, которую вы хотите использовать в Bower; используя ~ 3.3.2 в вашем bower.json после того, как 3.3.5 уже установлен, все равно сделает Bower resort до 3.3.5, просто измените это на 3.3.2 вместо ~ 3.3.2, и вы станете золотым !

Answer 3

Да, как сказал @Helzgate, самозагрузка рассматривает bootstrap.less как файл стилей по умолчанию вместо bootstrap.css, вы можете проверить это, перейдя в

bower_components/начальной загрузке/Бауэра. JSON

, то вы можете ясно видеть, что главный атрибут держит следующее значение:

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

так все, что вам нужно сделать, это заменить меньше/bootstrap.less с расстояние/CSS/bootstrap.css так:

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

и VOILA, что это.

Answer 4

Вместо замены/модификации bower.json бутстрапа мы можем переопределить основной объект в bower.json проекта.

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

Это работает для меня!

Answer 5

Вы можете использовать до Bootstrap 3.3.4. После этого не вводится css. Только JS. Все это упоминается исчерпывающе в https://github.com/twbs/bootstrap/issues/16663. Вероятно, потребуется некоторое время, прежде чем это будет разрешено. На сегодняшний день он до сих пор не разрешен. Дело в том, что wiredep прекрасно работает с моим рабочим процессом. Единственное, что работает, это gulp-inject, но тогда это глоток, и глоток не настолько удобен для Bootstrap.

Answer 6

вы можете установить переопределение в wiredep опции, как это:

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')); 
});