notebook

都内でWEB系エンジニアやってます。

Bower

実際に使ってみたのでメモとして残しておきます

bowerはフロントエンドパッケージマネージャと言われているようです

jqueryとかangularとかそういうのをまとめて管理できるようにしたツールというイメージ

rubyでいうbundlerとかに近いイメージですね

bowerのインストール

npm install bower -g

パッケージ情報の作成

bower init

質問がいくつかされるのでそれに答えます

するとbower.jsonが作成される

bower.jsonに管理対象のパッケージが追加されていく

パッケージのインストール

全てのパッケージのインストール

bower.jsonに記述されている全てのパッケージをインストール

bower install

--save

インストールしたパッケージがbower.jsonに追記される

bower install angular --save

インストールしたパッケージはbower_componentsというディレクトリ以下に格納されていきます

--save-dev

開発用でのみ使うパッケージがある場合に使う

bower install [package_name] --save-dev

bower.jsonにはこんな感じで追加される

  "devDependencies": {
    "angular-confirm": "~1.0.0"
  }

--production

devDependencies以外のパッケージがインストールされる

bower install --production

アンインストール

bower uninstall [package_name]

パッケージの検索

bower search {package_name}

ブラウザからもパッケージを探す事が出来ます

search bower packages