Language/CSS&javascript / / 2021. 4. 27. 11:16

bower 시작하기.

반응형

bower

자바스크립트 의존성 관리. 웹 프론트엔드에 필요한 라이브러리를 관리할 수 있는 패키지 매니저 이다.

일일히 사이트에 들어가 소스를 다운받고 옮기고 하는 일련히 동작을 간편하게 해주고 의존성도 체크하여 준다.

node 로 만들어진 도구이다. 즉 bower 을 사용하려면 node 가 필요하다.


1. node 설치

https://nodejs.org/en/

download 설치. npm도 같이 설치 된다.

2. bower 설치.

  npm install -g bower

-g : global 옵션. 커맨드라인 명령어로 사용하기 때문에 어디서나 사용가능 하도록 옵션을 준다.


3. bower install

원하는 패키지는 아래 주소로 가서 찾는다.

http://bower.io/search/

   bower install <package>

명령어를 실행하면 현재 폴더에  bower_component 폴더가 생기면서 패키지를 다운받는다.

github 기준으로 다운을 받으며 

bower install jquery bootstrap 

처럼 여러개를 한번에 실행 할 수 있다.

4. bower init

bower init 

를 입력하고 해당 프로젝트에 맞게 질문을 입력하면

bower.json 파일이 생긴다. maven pom.xml 과 같은 기능한다고 보면 된다. json 형태로 되어 있다.

 {
    "name":"project",
    "version":"0.1.0",
    "ignore":[
        "**/.*",
        "node_modules",
        "bower_components",
    ]
}

작성한 프로젝트를 bower 에 배포할 경우 dependencies, devDependencies  설정을 해두면  git 저장소에 넣고 새로 클론 받았을 경우  bower install 명령어만 입력하면 필요한 패키지들을 내려받을 수 있다. 

.bowerrc

{

"directory": "app/js"

}


로 폴더 변경 가능 하다. 기본은 bower_component

반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유