Bowerでbootstrapを使用しようとしていますが、リポジトリ全体を複製するため、CSSなどはありません。
ビルドプロセスにBootstrapを含める必要があるということですか?または私が間違っている場合、正しいワークフローは何ですか?
私は最終的に次の使用を終了しました:bower install --save http://Twitter.github.com/bootstrap/assets/bootstrap.Zip
リポジトリ全体を複製するのではなく、必要なassestsを解凍するだけなので、私にはわかりやすいようです。
その欠点は、bower update
がブートストラップを更新しないため、バウアーの哲学を破ることです。
しかし、bower install bootstrap
を使用してから、ワークフローでbootstrapを作成するよりもまだきれいだと思います。
それは私が推測する選択の問題です。
Update:は、distフォルダーをバージョン管理しているようです(参照: https://github.com/twbs/bootstrap/pull/6342 )、したがって、単にbower install bootstrap
を使用し、dist
フォルダー内のアセットをポイントします
Bootstrap-cssと呼ばれるビルド済みのbootstrap bowerパッケージがあります。これがあなた(そして私)が見つけたいと思っていたものだと思います。
bower install bootstrap-css
ニコありがとう。
Cssおよびjsファイルはパッケージ内にあります:bootstrap/docs/assets/
UPDATE:
v3以降、パッケージにはすべてのcss、js、およびフォントを含むdist
フォルダーがあります。
別のオプション(単一のファイルを取得する場合)は、 pulldown です。設定は非常に簡単で、リストに独自のファイル/ URLを簡単に追加できます。
npmがインストールされ、bowerがグローバルにインストールされていると仮定します
bower init
(これにより、ディレクトリにbower.jsonファイルが生成されます)bootstrapがインストールされるパスを設定するには:
bower.jsonファイルの隣に手動で.bowerrc
ファイルを作成し、以下を追加します。
{"ディレクトリ": "パブリック/コンポーネント"}
bower install bootstrap --save
注:他のコンポーネントをインストールするには:
bower search {component-name-here}
プロジェクトを最初にチェックアウトするときに一度だけ実行する必要があるシェルスクリプトに行き着きました
#!/usr/bin/env bash
mkdir -p webroot/js
mkdir -p webroot/css
mkdir -p webroot/css-min
mkdir -p webroot/img
mkdir -p webroot/font
npm i
bower i
# boostrap
pushd components/bootstrap
npm i
make bootstrap
popd
cp components/bootstrap/bootstrap/css/*.min.css webroot/css-min/
cp components/bootstrap/bootstrap/js/bootstrap.js src/js/deps/
cp components/bootstrap/bootstrap/img/* webroot/img/
# fontawesome
cp components/font-awesome/css/*.min.css webroot/css-min/
cp components/font-awesome/font/* webroot/font/
次のようなコマンドを使用することも忘れないでください。
bower search Twitter
Twitterに関連するパッケージのリストで結果が得られます。これにより、たとえば、新しいバウアーコンポーネントがあるかどうかを知るなど、Twitterやバウアーに関するすべての情報を最新の状態に保つことができます。
npm
コマンドを実行するために、システムにinstallnodeJsがあります。 npm
が正常に機能したら、bower.io
にアクセスできます。このトピックに関する完全なドキュメントがあります。コマンド$ npm install bower
があります。これにより、マシンにbowerがインストールされます。 bowerをインストールした後、Bootstrapを簡単にインストールできます。