'WEB2.0/프로그래밍'에 해당되는 글 169건

뒤늦게 bower 알아보기

bower 는 web frontend를 위한 패키지 매니저이다.


과거에는(여기서 말하는 과거는 정말로 아주 먼 과거...)


우리가 필요한 자바스크립트 라이브러리 같은건


해당 라이브러리 홈페이지에 가서 직접 js 파일을 다운 받고


웹프로젝트의 js 폴더 같은데에다가 모아두는 방식이었다. (물론 지금도 그렇게 하는곳도 많다)



그런데 점점 사용되는 자바스크립트 라이브러리도 많아지고 하니,


이걸 좀 더 체계적으로 관리하고자 하는 마음들이 모아졌고



그렇게 모두의 열망을 모아 만들어진


npm과 같은 일을 하는 web frontend 계의 패키지 매니저로 한때 유명했던 bower 다.







그런데 그렇다 사실 늦어도 소개가 너무 늦었다.


사람들은 이제는 더이상 bower를 찾지 않는다.


공식홈페이지에서도 친절하게도 yarn이나 webpack을 사용하길 추천한다고 나와있다.



패키지매니저 역할뿐만 아니라 더 많은 일들을 해주는 webpack같은 좋은 툴들이 나왔기 때문이다.



그런데 요즘에 나는 오래된 시절에 만들어진 프로젝트를 진행하면서


bower를 자주만나는 터라 한번 블로그에 정리해보고자 한다.




bower의 설치는 npm 을 통해서 설치한다.(물론 사전에 npm을 설치해야한다)


$ npm install -g bower



-g 옵션을 통해서 글로벌설치를 하자



설치된 이후에는 다양한 bower의 명령어를 쓸수 있는데


역시나 가장 많이 사용하게 되는 명령어는 bower install 이다.


bower install 뒤에 입력할 패키지명은 여기서 찾아볼수 있다.


https://bower.io/search/


패키지 명을 입력하거나, git 주소를 넣거나, url을 넣는 방식으로 bower를 통해 패키지를 관리할수 있다.


bower install jquery
bower install git://github.com/user/package.git
bower install http://example.com/script.js



bower init


이 명령어를 통해 npm의 그것처럼 


생성된 bower.json 에 필요한 패키지명들을 입력해서 관리할수 있다.



bower install


이렇게 입력하면 bower.json에 명시된 모든 패키지들을 다운받는다.


bower install 시에 --save 옵션을 통해서 자동으로 bower.json에 설치한 패키지를 적어줄수 있다.



이렇게 bower를 통해 설치된 자바스크립트 파일들은


bower_components라는 폴더에 보관되어있는데


여기에서 내가 필요한 파일을 사용하면 된다.


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







저작자 표시
신고

| 1 | 2 | 3 | 4 | 5 | ··· | 169 |