[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 ファイルも扱えるようです。

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 を管理に利用する方法。

Require.js と Bower を利用したプロジェクトの始め方。

▶ A RequireJS, Backbone, and Bower Starter Template – YouTube

こういうツールがあると言うことを覚えておく。