2014-11-15 2 views
0

안녕하세요 저는 jQuery없이 angularjs를 사용하고 있습니다. (이 상태를 유지하고 싶습니다). 지금은이 같은 내 자바 스크립트 파일을 포함하고있어Angularjs는 자바 스크립트 파일을 포함합니다.

:

<script src="bower_components/angular/angular.min.js"></script> 
<script src="bower_components/angular-route/angular-route.min.js"></script> 
<script src="bower_components/angular-touch/angular-touch.min.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script> 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 
<script src="js/app.js"></script> 
<script src="js/controllers.js"></script> 
<script src="js/directives.js"></script> 
<script src="js/services.js"></script> 
<script src="js/filters.js"></script> 

그리고 그것은 좋은 방법이 아니다. 내가 HomeController을위한 signle 파일을 만들고 AboutController을위한 하나의 파일을 만들고 싶다면 2 개의 스크립트 태그를 만들어야합니다.

app.js의 파일을 포함 할 수있는 방법이 있습니까? (컨트롤러 이름을 볼 때만 포함)

고마워.

+0

이 빌드 도구를 사용하지만 당신을 가지고 ([꿀꿀] (http://gruntjs.com/) 또는 [꿀꺽 ] (http://gulpjs.com/))? 당신은 당신의 모든 자산을 연결하고 (또한 생산을 위해 축소한다) –

+0

당신이 당신의 객체를 위해 원하는대로 분리 된 파일을 사용하고 google closure 컴파일러를 사용하여 제작을 위해 모든 것을 단일 파일로 빌드 할 수있다. – akonsu

답변

0

사람은 동적으로로드하려면 RequireJS를 사용하십시오. https://github.com/tnajdek/angular-requirejs-seed을 참조하십시오. 이 프로젝트는 Angular.JS를 지원하고 RequireJS를 사용합니다. RequireJS와

당신의 index.html을 만 1 스크립트가 참조 포함해야합니다 :

<script data-main="app/js/main" src="app/bower_components/requirejs/require.js"> 
+0

하지만 앱이 느리게 시작될 수 있습니다. 해가 끼면 http://requirejs.org/docs/optimization.html을 읽어 보시기 바랍니다. –

관련 문제