AngularJS App: .js 파일을 index.html에 포함하는 방법

AngularJS App: .js 파일을 index.html에 포함하는 방법

저는 angularJs는 처음이에요.angularJs를 사용하여 폰갭 앱을 만들었습니다.앱은 정상적으로 동작하고 있습니다.문제는, 이제 내가 얼마나 각도가 높은지에 대해 좀 더 이해하게 됐다는 것이다.JS는 작동하지만(적어도 있다고 생각합니다), 앱 파일 구조와 코드 유지보수가 걱정됩니다.내 프로젝트는 각진 씨앗 패턴을 따릅니다.이 구조를 가진 GitHub의 Angular Seed:

js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

angularJS를 사용한 앱의 구조화 방법을 조사한 결과, 매우 좋은 기사를 발견했습니다.JS 및 대규모 AngularJS 애플리케이션 구조화 방법

내 질문은 매우 어리석게 들리지만 나는 출구를 찾을 수 없었다.컨트롤러를 다른 파일로 분리하여 다음과 같은 구조를 갖게 되었습니다.

scripts
    controllers
             LoginCtrl.js
             HomeCtrl.js
             AboutCtrl.js
             ClientCtrl.js 

제가 고민하고 있는 것은 예전처럼 controller.js 파일이 하나밖에 없었다는 것입니다.index.html 파일에서는 스크립트 태그를 사용하여 모든 스크립트 파일을 정상적으로 로드합니다.컨트롤러용으로 4개의 다른 .js 파일이 있는데 어떻게 하면 index.html 파일에 로드할 수 있을까요?거기에 다 실어야 하나요?

그런 식으로 index.html 파일에 모든 스크립트를 로드하는 것은 적절하지 않습니다(한 파일에 동일한 방법으로 코드가 로드되는 것은 알고 있습니다만, 거기에 많은 스크립트 태그가 있는 것은 이상할 뿐입니다).github과 index.html에서 ng-boilerplate 프로젝트를 찾았습니다.이 프로젝트는 스크립트를 동적으로 로드합니다.문제는 지금 당장 새로운 ng-bolier plate를 시작할 수 없고 어떻게 했는지 찾을 수 없다는 것입니다.문자가 길어서 죄송합니다.감사합니다!

index.html의 자체 태그에서 각 스크립트파일을 참조하는 것이 가장 간단한 방법 중 하나입니다.그러나 더 깨끗한 제품을 원한다면 Angular와 Require를 결합하는 다양한 가이드 중 하나를 참조하십시오.JS:

http://www.startersquad.com/blog/angularjs-requirejs/

Angular.js와 함께 Require.js를 사용하는 것이 의미가 있습니까?

이 접근방식은 주로 의존관계를 충족시키기 위해 파일을 어떤 순서로 로드해야 하는지에 대한 문제를 해결하는 것을 목적으로 하지만 index.html...을 정리하는 결과도 있습니다.단, 다른 곳에서 추가 설정을 하기 위해서는 비용이 듭니다.

http://browserify.org/ 를 사용합니다.

브라우저에서는 node.js에서 매우 심플하고 우아한 공통 js 모듈과 많은 놀라운 라이브러리를 얻을 수 있습니다.

코드는 단일 js 파일로 번들됩니다.

언급URL : https://stackoverflow.com/questions/20633995/angularjs-app-how-to-include-js-files-into-index-html