이콜레모 개발자 위키

Page history of bower



Title: bower | edited by Youngrok Pak at 10 years, 6 months ago.

<p><a href="트위터">트위터</a>가 만든, <a href="jQuery">jQuery</a>, <a href="Bootstrap">Bootstrap</a> 등의 웹 프론트엔드 라이브러리를 쉽게 설치할 수 있는 패키지 관리자. <a>http://bower.io/</a></p>
<p><code>bower.json</code> 파일을 다음과 같이 만들고</p>
<pre>{<br>  "name": "springnote",<br>  "dependencies": {<br>    "bootstrap": "3.0",<br>    "jquery": "",<br>    "font-awesome": "",<br>    "highlightjs":"",<br>    "jquery-migrate":"",<br>    "jquery.autocomplete":"",<br>    "jquery-ui":"",<br>    "observer":"",<br>    "tinymce-release":""<br>  }<br>}</pre>
<p>그 디렉토리에서 다음과 같은 명령으로 실행하면 정의된 패키지들이 설치된다.</p>
<pre>bower install</pre>
<p>물론 패키지 이름으로 바로 설치할 수도 있다.</p>
<pre>bower install jquery</pre>
<p>패키지는 실행한 디렉토리 아래에 <code>bower_components</code>라는 디렉토리가 생기고 그 안에 설치가 된다. 이런 <span style="text-decoration: line-through;">못생긴</span> 이름이 싫으면 설정을 바꿔줄 수 있는데, <code>.bowerrc</code>를 만들고 다음과 같이 쓴다.</p>
<pre>{<br>  "directory":"wiki/static/packages"<br>}</pre>
<p><a href="Django">Django</a>처럼 manage.py가 있는 폴더 bower.json을 두고 싶으면 위와 같이 쓰면 된다. Rails도 public 아래에 두려면 비슷하게 하면 되겠지.</p>
<p>bower를 이용하면 <strong>저장소에서 CSS, JavaScript 라이브러리를 제거할 수 있다.</strong> <span style="text-decoration: line-through;">github에서 멀쩡한 <a href="파이썬">파이썬</a> 프로젝트가 자바스크립트 프로젝트로 오인되는 것을 피할 수 있다</span>.</p>
Wiki at WikiNamu