2014-07-17 2 views
7

gulpfile을 만들어 프론트 엔드 개발 작업 환경을 설정했습니다.gulp를 사용하여 설치된 Bower 패키지에 대한 링크를 HTML 파일에 삽입하는 방법

스크립트는 바우어는 해당 제품 폴더에 설치된 모든 패키지의 주요 파일, JS 및 CSS은/공용 폴더 (에 bower.json 출력에 정의 된 패키지 잡고/: 여기 그것이 작동하는 방법

입니다 public/js) (/ public/css).

스크립트는 또한 모든 파일, css, js 및 html 파일에 대한 감시 작업을 시작하며 해당 파일을 개발 폴더 (/ src)에 저장할 때마다 해당/public 사본이 실시간으로 업데이트됩니다.

이 방법은 단순히 패키지를 로컬에서 Bower로 설치하고이 gulpfile을 실행하여 프로덕션 파일을 내/공용 폴더에서 사용할 수 있도록 준비하지만 링크해야합니다.

필자가 Bower에서 설치하기로 결정한 패키지를 기준으로 스크립트에서 index.html의 헤드에있는 파일에 대한 링크를 쓰게하는 누락 부분.

예를 들어 부트 스트랩을 다운로드 한 경우 본문 닫기 태그 (이상적) 앞의 부트 스트랩 css 및 js 파일 링크가 HTML 페이지의 머리글에 자동으로 삽입되게하고 싶습니다. 여기 github 내 스크립트의

의 README에서 모양과에서에게 gulpfile : 그것을 달성하기 위해 사용하는 플러그인 꿀꺽이 있는지 모르겠어요

어떤 접근 방식 및/또는 누군가가 가리킬 수있는 경우 나는 옳은 방향으로 나는 매우 감사 할 것입니다. 감사.

답변

5

나는 현재 gulp-inject을 사용하고 있는데, 매력처럼 작동합니다.

+0

정확히 내가 뭘 찾고 있었는지, 감사합니다 친구. – pwnjack

3

어떻게 바로

gulp wiredep 

예 사용에 대한 :

기존 보좌관/정자/꿀꺽 프로젝트에 Holder.js 패키지를 추가합니다.

bower install holderjs --save 

이렇게하면 종속성 배열에 추가됩니다. 당신이 그것을 사용하여 귀하의 HTML에 추가 할 필요가 후

gulp wiredep