보좌관, 정자와 그런트

와 함께 변조 AngularJS와 응용 프로그램을 사용하는 방법이있다

나는 매우 광범위한 AngularJS와 응용 프로그램을 개발하기위한 것은 확장하고 유지 보수가 내가 좋아하는 모듈 arquitecture을 사용하고 있습니다 :보좌관, 정자와 그런트

cart/ 
    CartModel.js 
    CartService.js 
common/ 
    directives.js 
    filters.js 
product/ 
    search/ 
    SearchResultsController.js 
    SearchResultsModel.js 
    ProductDetailController.js 
    ProductModel.js 
    ProductService.js 
user/ 
    LoginController.js 
    RegistrationController.js 
    UserModel.js 
    UserService.js

파일 위의 구조는 각도의 모듈러 구조의 예입니다.

[질문

이 구조화 작업 보좌관 용 발전기 존재? 가장 인기있는 generator-angular은 간단한 구조를 사용합니다.

출처

2014-02-20 Iran Reyes

당신은 사용할 수 있습니다 [ngbp] (https://github.com/ngbp/ngbp)와 그것의 [공식되지 발전기 (https://github.com/kevin-wolf/generator-ngbp) –

또는 팀의 용도에 맞게 발전기를 포크/사용자 정의 할 수 있습니다. –

당신 만의 파일을 쉽게 정리할 수 있습니다. 각도 제너레이터가 제대로 작동하지 않지만 (IMHO는 큰 문제가 아님) Yeoman에서 사용할 수있는 다른 모든 것들은 영향을받지 않습니다.

this 커밋을 살펴보십시오.
기본적으로 Gruntfile에서 *을 **으로 변경하고 적절한 파일을 이동합니다.
또한 MODULES.coffee 파일은 이후의 일부 커밋에서 소개됩니다. AngularJS 모듈 작성은 모듈 폴더의 한 위치에서 수집됩니다. 내 프로젝트의 요구에 맞게 개발 된 맞춤식 컨벤션입니다. 지역 사회에서 인정하는 표준인지는 알 수 없습니다.

여전히 완벽하지는 않습니다. 동일한 기능 기반 모듈 용 템플릿과 스크립트는 2 개의 별도 디렉토리 트리에 있습니다. 두 개의 디렉토리 트리가 같은 위치에 있어야합니다.

편집 : 좋은 소식! Yeoman이 생성 한 프로젝트 구조가 기능 기반으로 계획되어 있습니다.
출처 : https://docs.google.com/presentation/d/1OgABsN24ZWN6Ugng-O8SjF7t0e3liQ9UN7hKdrCr0K8/edit#slide=id.g2b6b56d19_086

출처

2014-02-21 07:06:03 vucalur

스크립트 폴더 아래의 모든 js 파일을 사용하면 requirejs via grunt-bower-requirejs을 사용하여 각 모듈의 고유 한 종속성을 관리 할 수 있습니다.

그래툰/yeoman은 모든 모듈을 인식 할 필요가 있지만 여전히 예상하고있는 추상화 및 decopuling을 얻습니다.

출처

2014-02-20 19:12:24 Selva

답변

관련 문제