bower.jsonを使ってサードパーティのライブラリを取得する
|
1 |
npm i bower -g |
コマンドが実行できることと、バージョンを確認
|
1 2 |
$ bower -v 1.7.9 |
次に初期設定を行います。質問に答えるとそれっぽいbower.jsonファイルを作成してくれるようです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
$ bower init ? name bookshelf ? description bookshelf project ? main file ? keywords ? authors hoge ? license MIT ? homepage https://github.com/dorako321/bookshelf ? would you like to mark this package as private which prevents it from being accidentally published to the registry? No cidentally published to the registry? (y/N) N {identally published to the registry? (y/N) name: 'bookshelf', description: 'bookshelf project', main: '', authors: [ 'hoge' ], license: 'MIT', homepage: 'https://github.com/dorako321/bookshelf', ignore: [ '**/.*', 'node_modules', 'bower_components', 'test', 'tests' ] } ? Looks good? Yes |
次に特定のバージョンのjQueryをインストールしてみます。
|
1 2 3 4 5 6 7 8 |
$ bower install jquery#3.1.1 --save bower not-cached https://github.com/jquery/jquery-dist.git#3.1.1 bower resolve https://github.com/jquery/jquery-dist.git#3.1.1 bower checkout jquery#3.1.1 bower resolved https://github.com/jquery/jquery-dist.git#3.1.1 bower install jquery#3.1.1 jquery#3.1.1 bower_components/jquery |
3.1.1を入れてみました。コマンドの–saveがポイントで、–saveオプションがついていると、実行内容をbower.jsonに追記してくれます。npmに似てますね。
ここでbower.jsonを確認してみます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
{ "name": "bookshelf", "description": "bookshelf project", "main": "", "authors": [ "dorako321" ], "license": "MIT", "homepage": "https://github.com/dorako321/bookshelf", "ignore": [ "**/.*", "node_modules", "bower_components", "test", "tests" ], "dependencies": { "jquery": "3.1.1" } } |
dependenciesにjqueryのバージョン3.1.1が記述されていますね。
次回からは以下のコマンドでインストールできるようになりました。
|
1 |
$ bower install |
アサートライブラリなど、テスト向けのライブラリは–save-devでインストールすると、開発向けのものとして区別されるようです。
|
1 2 3 4 5 6 7 8 |
$ bower install mocha --save-dev bower not-cached https://github.com/mochajs/mocha.git#* bower resolve https://github.com/mochajs/mocha.git#* bower checkout mocha#v3.1.2 bower resolved https://github.com/mochajs/mocha.git#3.1.2 bower install mocha#3.1.2 mocha#3.1.2 bower_components/mocha |
mochaを入れてみました。
|
1 2 3 4 5 6 |
"dependencies": { "jquery": "3.1.1" }, "devDependencies": { "mocha": "^3.1.2" } |
dependenciesとは別にdevDependenciesができました。–productionオプションをつけてインストールコマンドを実行すると、本番環境向けのインストールとして、devDependenciesの内容はインストールされなくなるようです。
|
1 |
$ bower install --production |