1

何らかの理由で、wiredep 構成が bower js ファイルを取得していますが、css を取得していません。

これが私のgulpfileです：

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
4

2 に答える 2

0

それを試してみてください。

-> bower_components -> ブートストラップ -> bower.json に移動します

「main」属性を変更して、次のように記述します。

[...]

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

[...]

それは今動作します。

注: bootstrap.js のエントリは不要なので削除しました。

楽しみ ：）

于 2015-07-15T22:23:52.393 に答える