bower

fromt-end 제작에 필요한 라이브러리를 관리할 수 있는 패키지 매니저

jQuery, Bootstrap 같은 라이러리를 간편하게 설치,관리 가능

- 설치

npm으로 bower를 설치한다

npm install -g bower

사용하는 프로젝트에서 bower init을 입력하면 bower.json 파일이 생성된다.

bower init

> mobaXTerm에서는 Register requires an interactive shell 가 발생하는데 확인필요

1. Uninstall existing GIT bash 
2. Reinstall GIT bash  (https://git-for-windows.github.io/)
3. Set up during installation:
3a: Select> Use Git form the Windows Command Prompt 
3b: Select> Checkout Windows-style, commit Unix-style line endings

3c: Select> Use Windows' default console window

> git bash 해결법

bower.json에 dependency를 입력하고 한방에 다운로드 받을 수 있다.

또는 아래와 같이 직접 설치 가능

bower install jquery --save

> bower_components 폴더가 생성되고, jQuery 패키지도 생성된다.

--save 옵션은 패키지를 설치한 뒤 bower.json에 의존성을 추가로 기록해준다.

- 버전 지정

bower install jquery#1.9.1

- 찾기

bower search xx // 모듈명으로 찾기

bower lookup yy // package 명으로 찾기

bower info zz // 패키지 버전 정보 나열

- 삭제

bower uninstall jquery

- 설치된 리스트 보기

bower list

※ 주의점

> bower list 시 나오는 화면인데, jquery가 계층 구조로 나오지만 사실은 둘이 같은 폴더이다.

계층구조로 표시해주기 위해 저렇게 표현한 것이다.

jquery의 버전을 올리면 bootstrap 내부의 jquery 버전도 올라갈 것이다.

- bower-installer

bower를 제어할 수 있다. ex) bower_components 가 default인 불편함을 제거

npm install -g bower-installer

bower.json 수정

"install" : {

  "path":{

    "css":"test/css",

    "js":"test/js"

  }

},

> 추가

bower-installer

> bower_components에 있는 파일들이 위의 경로대로 이동됨