Wiredep не будет вставлять CSS-зависимости Bower

Я пытаюсь использовать wiredep для внедрения зависимостей Bower. Я немного смущен тем, как это работает, и почему это работает только для моих файлов JS.

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

Что делает последняя строка gulp.dest('.')? не будет ли пункт назначения моим файлом index.html. Кроме того, эта задача, похоже, только вводит файлы javascript. У меня есть зависимости от bower.json для

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

Bootstrap, Bourbon и аккуратный — все они содержат большое количество CSS, но

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

остаются пустыми после запуска gulp wiredep. С чего бы это?

Депозиты bower.json выглядят так:

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

node.js javascript gulp wiredep
person 1252748    schedule 25.11.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Прежде всего, добавьте официальный обходной путь из блога начальной загрузки в файл bower.json вашего проекта:

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

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

person Farzad Yousefzadeh    schedule 25.11.2015
comment
Это обновление должно быть сделано в файле bower_components каждого отдельного пакета? Есть ли способ сделать этот процесс менее ручным? Это кажется довольно трудоемким и расходится с целью экономии времени этой задачи gulp.. :/ - person 1252748; 25.11.2015
comment
Не добавляйте его в файл bower.json вашего проекта. Я добавлю его как обновление к ответу. - person Farzad Yousefzadeh; 25.11.2015
comment
Да, я вижу, что пропустил это в первый раз. Но это нужно сделать для вечной зависимости от беседки? - person 1252748; 25.11.2015
comment
Каждый компонент Bower, который wiredep не добавляет по умолчанию. - person Farzad Yousefzadeh; 25.11.2015
comment
Что wiredep добавил бы по умолчанию? Кроме того, можете ли вы показать мне, как это будет выглядеть только для одной из других зависимостей? Большое спасибо за Вашу помощь. - person 1252748; 25.11.2015
comment
в одном из моих проектов я хотел использовать пакет OnsenUI и использовал следующий фрагмент кода в файле bower.json для wiredep, чтобы правильно добавить файлы. "overrides": { "bootstrap": { "main": [ "dist/js/bootstrap.js", "dist/css/bootstrap.css", "less/bootstrap.less" ] }, "OnsenUI": { "main": [ "js/onsenui.js", "css/*.css" ] } } - person Farzad Yousefzadeh; 25.11.2015