angular.js - AngularJS 프로젝트에서 요청 시 js 파일을 로드하는 방법

Question

말씀드렸듯이

• AngularJS 프로젝트에 점점 더 많은 js 파일이 있는 경우 요청 시 이를 로드하는 방법
• 현재 연구 결과는 RequireJS나 Browserify를 사용하는 것입니다.

실무 경험이 있으신 분 도움 부탁드립니다. 감사합니다!

Answer 1

이전에 RequireJS + AngularJS 구현을 사용해 본 적이 있지만 JS 파일을 로드하기 위해 AMD 모드를 사용할 필요는 없다고 생각합니다. 개인적인 의견:

• AMD 로딩은 좋아 보이지만 최종 제작 환경에서는 JS 파일을 하나의 파일로 압축하는 것이 더 빠를 수 있습니다
• AngularJS 자체를 로딩용 모듈로 작성할 수도 있습니다. 관리가 불편하다면 프로젝트의 폴더 배열, 파일 이름 지정 등을 살펴보세요. 프런트 엔드 관리가 더 편리해집니다. 이런 식으로 코드를 작성하세요

AMD의 로딩은 좋아 보이지만 일반적인 상황에서는 JS, CSS, HTML 등을 로딩하기 위해 AMD를 사용할 필요가 별로 없습니다.

개인적인 제안입니다. 인터넷에서 AMD 모드를 사용할지 여부에 대해 많은 논의가 있습니다. 가장 좋아하는 모드를 사용하세요

그런데 위의 제안은 플랫폼인 PC를 기반으로 합니다

Answer 2

저는 requirejs ＋ angularJs님이 만든 웹 슬라이드인 가젯을 작성했습니다.
온라인 주소: http://leftstick.github.io/front-end-slides/,
소스 코드: https://github.com/leftstick/front-end-slides/tree/gh-pages

크지 않아서 이해하는데 도움이 될 수도 있어요

Answer 3

requirejs와 함께 사용

http://github.com/treri/angular-require

회사 프로젝트에 이미 사용되어 효과가 좋습니다

Answer 4

Angular-async-loader를 사용하여 다양한 컨트롤러, 필터, 서비스, 지시어 등을 포함하는 Angle 모듈의 비동기 로딩을 구현하는 것이 좋습니다. 또한 Angle-ui-router도 지원합니다

http://my.oschina.net/sub/blog/513255/
https://github.com/subchen/angular-async-loader