bower-installer 사용법

nodejs 로 frontweb 을 개발할 때 bower module 을 사용하면 bowercomponets 폴더가 생기면서 이 폴더 안에 dependency로 등록된 bower 저장소의 모든 파일을 내려받습니다. 예를 들어 jquery 를 bower dependency 에 추가 하면 저장소의 소스를 전부 bowercomponets/jquery 폴더 안에 복사합니다. 본인은 jquery.js 만 필요한데 필요없는 파일들이 개발자를 더 혼란시키게됩니다.

bower-installer 란 실제 개발시에 사용하는 주요 파일(css,js 등)만 내가 원하는 경로에 따로 보관하고 관리할 수 있도록 해주는 node 모듈입니다.

1. 먼저 모듈을 전역으로 설치합니다.

   $ npm install -g bower-installer
   

2. 모듈이 설치 되었으면 이제 bower.json 안에 주요 js,css,less 등의 파일이 보관되어질 디렉토리 를 명시해주어야합니다. bower.json 에 다음과 같은 option 값을 추가해줍니다.

   ...
    "install": {
      "path": {
        "css": "src/css",
        "js": "src/js",
        "less": "src/less"
      }
    }
   ...
   

3. 이제 bower.json 파일이 위치한 경로에서 command 창을 열고 bower-installer 란 명령을 실행합니다. 그러면 dependency 의 main file 들이 지정된 경로를 따라서 복사됩니다.

   공식사이트에서 더 자세한 api 를 확인할 수 있습니다.