4

yo angularブートストラップ ファイルをすべて正常にインストールします。index.html現時点では、ファイルは次のようになっています。

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(.) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->

これにはファイルは含まれませんbootstrap.theme.css。

これを追加する推奨される方法は何ですか? 手動でそこに移動して追加しますか?

4

3 に答える 3

7

これを行う正しい方法は、bower.json ファイルをオーバーライドしてブートストラップの依存関係をロードしてから実行することですgrunt wiredep

は次のbower.jsonようになります。

{
  "name": "frontend",
  "version": "0.0.0",
  "dependencies": {
    "angular": "^1.3.0",
    "json3": "^3.3.0",
    "es5-shim": "^4.0.0",
    "bootstrap": "^3.2.0",
    "angular-cookies": "^1.3.0",
    "angular-route": "^1.3.0",
    "angular-local-storage": "~0.1.5",
    "raty": "~2.7.0",
    "kineticjs": "~5.1.0"
  },
  "devDependencies": {
    "angular-mocks": "~1.3.0",
    "angular-scenario": "~1.3.0"
  },
  "appPath": "app",
  "overrides": {
    "bootstrap": {
      "main": [
        "less/bootstrap.less",
        "dist/css/bootstrap.css",
        "dist/css/bootstrap-theme.css",
        "dist/js/bootstrap.js",
        "dist/fonts/glyphicons-halflings-regular.eot",
        "dist/fonts/glyphicons-halflings-regular.svg",
        "dist/fonts/glyphicons-halflings-regular.ttf",
        "dist/fonts/glyphicons-halflings-regular.woff"
      ]        
    }
  }
}

ソース: https://github.com/yeoman/generator-angular/issues/965#issuecomment-68548259

于 2015-02-05T06:16:55.070 に答える
3

以下をせよ

bower install bootstrap-css --save
于 2015-07-13T11:37:47.250 に答える
0

.cssシステムでローカルに使用できる場合は、他のインクルードの下に手動で追加します (例: bower_components/)。

ファイルがローカルで利用できない場合は、すぐ上に追加します。そうしないと、ファイルを縮小しようとしたために、および/または<!-- Place favicon.ico ... -->破損する可能性があります。grunt buildgrunt servebower

同じことが Google フォントのインポートにも当てはまり<!-- Place favicon.ico ... -->ます。それらを の上に配置します。bowerhtmlminGruntfile.js

ここで は、このテーマについてさらに詳しく読むことができます。

于 2015-01-14T14:13:13.257 に答える