bower start

bower란

bower는 front-end side의 library 관리 도구.

라이브러리를 설치하고 특정 파일(bower.json)에서 여러가지 정보(버전 등)을 적어서 관리함

java 개발 시 사용하는 maven의 라이브러리 관리 기능과 유사

Bower can manage components that contain HTML, CSS, JavaScript, fonts or even image files.Bower doesn’t concatenate or minify code or do anything else - it just installs the right versions of the packages you need and their dependencies.

여기서 설명하길 HTML, CSS, Javascript, font, image를 관리, bower를 통해 설치하면 관련 종속성도 같이 설치해서 해결해줌

bower를 사용하기위해 nodejs, npm, git이 필요함

$npm install -g bower

bower 사용

패키지 설치

기본적인 설치 명령어

$bower install <package>

다양한 방식으로 패키지를 설치할 수 있음

# installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# GitHub shorthand
$ bower install desandro/masonry
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js

패지키 관리 파일 bower.json 생성

bower init

bower.json 파일을 생성, 해당 파일에 버전 정보등이 기록됨, bower가 bower.json파일을 읽어서 동작함

패키지 인스톨 명령어 시 --save 옵션을 사용하면 bower.json에 라이브러리 버전정보가 입력됨

설치한 패키지 사용 방법

<script src="bower_components/jquery/dist/jquery.min.js"></script>

이런식으로 버전정보 기재 없이 사용하면 됨

공식페이지에서는 Grunt, RequireJS, Yeoman 등 build 툴과 같이 사용하는 것을 추천하고 있음