bower

Front 2017. 2. 14. 09:20


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에 있는 파일들이 위의 경로대로 이동됨



'Front' 카테고리의 다른 글

bower  (0) 2017.02.14
ajax error와 multipart/form-data 이슈  (0) 2017.02.14
JCrop  (0) 2016.12.07
입력값 검사에 유용한 validate JQuery  (0) 2015.05.11
타 도메인 iframe 제어  (3) 2015.03.25
Tag

댓글을 달아 주세요