カテゴリー別アーカイブ: coding

bowerでjs,cssなどのパッケージを管理する

bowerとは、jQueryとかnormalize.cssとか、フロントで使うパッケージを管理し、簡単にインストールできたりするツールです(あんまりよく分かっていない)

導入してるパッケージをbower.jsonに書いておけば、コマンドひとつですべてダウンロードしてきてくれるのです。

まずはbowerをインストールする

npm install -g bower

プロジェクトに導入をする

プロジェクトのディレクトリまで行って

bower init

ぜんぶenter or yes でOKな気がする(bower.jsonができあがるだけ)
次回以降はbower.jsonをコピーすればよい気がする

試しにjqueryをインストールしてみる

bower install jquery --save
  • bower_componentフォルダが出来上がり、jqueryのファイルが入る
  • bower.jsonにjquery使ってる記載が入る

bower_conponentというディレクトリ名が気に入らない場合は.bowerrcを作成し、下記を記入

{
  "directory": "vendor"
}

以降、下記コマンドでパッケージを引っ張ってこれる

bower install    

参考サイト