概要
-
Bower = フロントエンドJavaScriptのパッケージマネージャ
- Bower自体はnode.js上で動作し、npmで管理される
-
bower-rails = Rails上でBowerを扱うためのgem
- rakeコマンドでbowerを操作でき、Railsに準じたフォルダ構成下にパッケージをインストールできる
Bower
導入
# node.jsのインストール
$ brew install node
# bowerのインストール
$ npm install -g bower
使い方
# 構成設定ファイルである bower.json を作成する
$ bower init
# ライブラリを検索する
$ bower search <package>
# パッケージを追加し、かつbower.jsonに記録する
bower install <package> --save
# bower.jsonに記録されたパッケージをインストールする
# bower_components/ にパッケージがインストールされる
bower install
bower-rails
導入
Gemfileにbower-railsを追加してインストールする。
Gemfile
gem 'bower-rails'
install
$ bundle install
またbowerのパッケージはvendor/以下にインストールされるので、該当フォルダをgitの管理から除外しておく。
.gitignore
vendor/assets/bower_components
使い方
# bowerを初期化
$ rails g bower_rails:initialize
# Bowerfileに欲しいアセットを任意に追加
asset 'mocha'
# bowerをインストール
$ rake bower:install
あとはインストールされたパッケージを、(アセットのrequire機能など)jsの構成に応じて任意にロードする。