7

Yeoman (1.0.4) を試しています。yo angular;で Angular アプリを生成しました。NoLESSでBootstrap v 3が欲しかったので、SassでBootstrapをインストールすることにしました。

足場の後、Bootstrap 3 を取得するために、次のように入力しました。

bower install bootstrap

これにより、ブートストラップがbower_components/bootstrapフォルダーにインストールされました。index.htmlしかし、Bootstrap の CSS または JS をファイルにリンク/インクルードしませんでした。なんで？

このindex.htmlファイルには、bower_components フォルダーの Angular js ファイルが含まれています。

    <!-- build:js scripts/modules.js -->
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <!-- endbuild -->

ただし、ブートストラップ ファイルではありません。なんで？手動で追加/リンクする必要がありますか? 私は何を間違っていますか？アプリのスキャフォールドを生成した後に Bootstrap を追加するにはどうすればよいですか?

4

5 に答える 5

2

index.html を編集する必要があります。Yeoman ジェネレーターは、ベースとなる index.html を構築します。Bower は依存関係をパッケージとしてダウンロードするだけですが、アプリについて他に何も知りません。また、ダウンロードしたパッケージをどのように使用するかについてもわかりません。必要なファイルを自分で追加する必要があります。

于 2013-11-14T20:02:45.540 に答える
0

Wiredep は、Grunt やその他のビルド ツールに依存せずに実行します: https://github.com/taptapship/wiredep

npm install --save wiredep

依存関係が挿入されるコードにプレースホルダーを挿入します。

<html>
<head>
  <!-- bower:css -->
  <!-- endbower -->
</head>
<body>
  <!-- bower:js -->
  <!-- endbower -->
</body>
</html>

wireep にその魔法を働かせましょう:

$ node
> require('wiredep')({ src: 'index.html' });

Bootstrap バージョン 3.3.5 以降、bootstrap.css ファイルは Bootstrap のパッケージ マネージャー json から削除されました。3.3.4したがって、実行する前にバージョンにロールバックする必要がありましたwiredep。

bower install --save bootstrap#3.3.4
于 2017-06-12T10:01:05.060 に答える