[npm & Bower] Bower: JavaScript のパッケージマネージャについて調べる

概要と導入

下記でインストール。node と npm に依存しています。

% npm install -g bower

ruby – gem, php – composer のような、javascript – bower のような関係性になると思われます。

Note

JavaScript に限らず、フロントに関わるもの全てを管理できるようです。
Bower: JavaScript も CSS もまとめて管理する | deadwood

Bower の component として登録されているものを管理するのが基本のようですが、Git endpoint や zip, tar ファイルも扱えるようです。

  • BOWER: A package manager for the web
  • Bower components
    component には、npm のパッケージや node も含まれていました。
    npm も含めて javascript 全般の管理をするということでしょうか。
    このあたり棲み分けとかスッキリ理解できていません。
    詳しい人がいたら聞いてみよう。

Bower を利用する

日本一詳しいサイトで勉強します。

bower init

  • bower init で初期化する
  • bower.jsonが作成される
  • bower.jsonにはライブラリの名前、依存関係が記述される重要なファイル

Bower入門(基礎編) – from scratch

bower install

  • bower install <ライブラリ名> でライブラリを取得する。
  • bower install --save を使うと bower.json に依存関係を記述してくれる
  • bower.jsonに依存関係が記述されていれば bower install とタイプするだけで依存関係をインストールしてくれる。

Bower入門(基礎編) – from scratch

.bowerrc

標準では bower_components に配置される。

  • .bowerrc ファイルで bower の設定ができる
  • directory キーに設定するとbower ライブラリの配置先を変えられる。

Bower入門(基礎編) – from scratch
grunt-bower-task を管理に利用する方法。
* Bower入門(応用編) – from scratch
Require.js と Bower を利用したプロジェクトの始め方。
▶ A RequireJS, Backbone, and Bower Starter Template – YouTube
[youtube=http://www.youtube.com/watch?feature=player_embedded&v=USk1ie30z5k]
* パッケージマネージャー「Bower」が大変便利で捗りそうです – Mach3.laBlog
こういうツールがあると言うことを覚えておく。