2013-10-31 2 views
2

노드가있는 SPA를 구축하고 있습니다. 익스프레스 및 앵귤러로 Yeoman이 내 워크 플로를 구성했습니다. 문제는 정자에 주로 관련 : 새 패키지를 설치할 때Yeoman/Bower와 참조하는 스크립트

(JQuery와 등을 강조) 또는 내가 수동처럼 내 index.html 파일에서 참조 항상 새로운 지역의 js 파일을 생성 :

<script src="/jquery.js"></script> 
어쨌든

또는 이와 유사한 문자. 나는 이것을 자동화하는 몇 가지 방법이 있는지, 특히 내 응용 프로그램이 단일 페이지라는 점을 감안할 때 궁금합니다. 어떤 사람들은 Require.js를 지적했지만, 이상적이지는 않습니다. 게다가 AMD의 가장 열렬한 팬이 아닙니다.

내가 찾고있는 것은 Meteor.js (또는 레일즈 서버 측)가하는 일과 비슷하다. 프로젝트에 소스 파일을 만들고 올바른 디렉토리에 있다면, 그 파일은 수동으로 참조를 설정하지 않고도 응용 프로그램을 실행할 수 있습니다.

모든 포인터?

답변

0

내가 사용하는 모듈은 connect-assets (비록 이것에 대해서도 잘 작동 할 수 있지만)이었습니다.

//= require a 
//= require b 

Bower에서 관리하는 타사 라이브러리는 개별적으로 필요합니다. 내가 검사 한 자동화 솔루션 중 내가 필요로하는 것은 없다.

//= require_tree services 
//= require_tree controllers 
//= require_tree directives 

또는 단순히

//= require_tree . 
2

grunt-bower-install (지금은 RequireJS를 사용하지 않을 때 generator-webapp에 포함됩니다)?

this other answer에서 작동 방식에 대한 자세한 내용을 게시했습니다.

+0

오늘 밤을 확인해 것을 : 그래서 ...

//= require ../bower_components/angular/angular.js 

자신의 코드를 요구하는 것은 맞았다. Stephen에게 감사한다 –

+0

훌륭하게 작동하지만 내 문제의 절반 만 해결한다. 로컬 파일 (예 : MY 코드)을 자동으로 가져 오려면 어떻게합니까? –

+0

'grunt-bower-install'과 관련하여 이름에서 알 수 있듯이 Bower 구성 요소 만 대상으로합니다. 나는 네가 너무 많은 마법을 기대할지도 모른다고 생각한다. 웹 사이트는 HTML, CSS 및 JS입니다. 당신은 bazillion 가능한 방법 중 그 조합을 자유롭게 조합 할 수 있습니다. Angular, Backbone 및 jQuery를 사용할 수 있습니다. 아니면 그냥 평범한 'JS 사용할 수도 있습니다. 또는 Ember. 또는 [등. 기타]. 그리고 JS로, 여러분은'