ライブラリを簡単にインストールできるbowerの使い方

bowerの使い方、個人的メモ

bowerのインストール

bowerはライブラリをインストールしてくれるパッケージマネージャ

まずはbowerがインストールされているかの確認

bower -v

インストールされていなかったらグローバルにインストール

npm install bower -g

グローバルにインストールできたら、以下のコマンドでbower.jsonを作成。

bower init

プロンプトに質問が出てきますが、あとで修正できるのでとりあえず全部Enter。

これでbower.jsonが作成されます。

中身はこんな感じ。

{
  "name": "gulp_test",
  "authors": [
    "shiromatakumi"
  ],
  "description": "",
  "main": "",
  "license": "MIT",
  "homepage": "",
  "ignore": [
    "##/.#",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

とりあえず何かライブラリをインストールしてみる

bower install jquery --save

すると自動的にbower.jsonに追記されます。

{
  "name": "gulp_test",
  "authors": [
    "shiromatakumi"
  ],
  "description": "",
  "main": "",
  "license": "MIT",
  "homepage": "",
  "ignore": [
    "##/.#",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "jquery": "^3.2.1"
  }
}

他にも、ReactとかBabelとかhtml5shivもインストールできます。

bower install react --save

インストールしたらbower.jsonが自動で書き換わっています。

  "dependencies": {
    "jquery": "^3.2.1",
    "react": "^15.6.1",
    "html5shiv": "^3.7.3",
    "babel": "^5.8.38"
  }

一度bower.jsonに追記されたライブラリは、

bower install

で一括インストールができるようになります。

以上です。