kansiho's blog

ruby, python, javascript. Rails, wordpress, OpenCV, heroku...

BowerをRailsプロジェクトに導入する

Bowerとはなにか

Railsで外部JavaScriptライブラリなどのAssetを管理するなら、bower-railsが便利 | mah365

javascriptの世界の管理ツール。Rubyの世界のBundlerのようなもの。Railsで手軽に使えるようにしたのがbower-railsというgem。

Bower入門(基礎編) - from scratch

Twitter社が作ったフロントエンド用のパッケージマネージャ。自分の作ったレポジトリをここで公開することも可能。

導入手順

bower-rails 導入メモ - Qiita

Gemfileにgem "bower-rails"を追加してインストール。

$rails g bower:initializeで初期化。Bowerfile と bower_rails.rb が作成される。

Bowerfileに導入したいライブラリ名を入れる。

$rake bower:installでインストール可能。

vendor/assets/bower_components以下にダウンロードされる。 application.js, application.cssにも適宜記入する。

BowerでダウンロードされたライブラリのバージョンはGemfile.lockのようにvendor/bower.jsonで管理されるので、このファイル自体はgit に含め、.gitignoreにvendor/bower_componentsを追加するのが良い。