Глоток проволокой, собирая Бауэр JS, но ни CSS

Question

По какой-то причине моя конфигурация wiredep собирает мои файлы bower js, но не css.

Вот мой глоток:

gulp.task('wiredep', function(){

var options = config.getWiredepDefaultOptions();
var wiredep = require('wiredep').stream;

  return gulp
      .src(config.index)
      .pipe($.using())
      .pipe(wiredep(options))
      .pipe($.inject(gulp.src(config.js)))
      .pipe(gulp.dest(config.layout))
});

Вот мой bower.json

    {
  "name": "//",
  "version": "0.0.0",
  "homepage": "//",
  "authors": [
    "//"
  ],
  "description": "//",
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "public/vendor",
    "test",
    "tests"
  ],
  "dependencies": {
    "jquery": "~2.1.4",
    "toastr": "~2.1.1",
    "angular": "~1.4.1",
    "angular-resource": "~1.4.1",
    "angular-route": "~1.4.1",
    "bootstrap": "~3.3.5",
    "angular-mocks": "~1.4.1"
  }
}

Я использую Jade для шаблона, JS проходит через, но не css.

doctype
html
    head

        //bower:css
        //endbower

        base(href="/")
        body(ng-app='app')
        include currentUser
        block main-content

        //bower:js
        script(src='/vendor/jquery/dist/jquery.js')
        script(src='/vendor/toastr/toastr.js')
        script(src='/vendor/angular/angular.js')
        script(src='/vendor/angular-resource/angular-resource.js')
        script(src='/vendor/angular-route/angular-route.js')
        script(src='/vendor/bootstrap/dist/js/bootstrap.js')
        script(src='/vendor/angular-mocks/angular-mocks.js')
        //endbower

Answer 1

Попытайся.

Перейти к -> bower_components -> bootstrap -> bower.json

Измените атрибут "main" и напишите:

[...]

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

[...]

Теперь это работает.

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

Наслаждаться:)

Answer 2

Кажется, что ваши пакеты неправильно перечисляют свои зависимости в своих файлах bower.json.

https://www.npmjs.com/package/wiredep

Вы можете переопределить основное свойство ваших пакетов в ВАШЕМ bower.json следующим образом:

В bower.json

{
  ...
  "dependencies": {
    "package-without-main": "1.0.0"
  },
  "overrides": {
    "bootstrap": {
      "main": ["dist/js/bootstrap.js", "dist/css/bootstrap.css"]
    }
  }
}

https://www.npmjs.com/package/wiredep

Или в вашем объекте конфигурации wiredep как это:

wiredepOptions: {
    overrides: {
        angular: {
            dependencies: {
                jquery: '^2.2.0'
            }
        },
        bootstrap: {
            main: ["dist/js/bootstrap.js", "dist/css/bootstrap.css"]
        },
        slimScroll: {
            main: 'jquery.slimscroll.js'
        },
        codemirror: {
            main: [
                'lib/codemirror.js',
                'lib/codemirror.css',
                'mode/markdown/markdown.js',
                'mode/javascript/javascript.js',
                'theme/xq-light.css'
            ]
        },
        'font-awesome': {
            main: 'css/font-awesome.css'
        }
    }
}