角度のあるプロジェクト構造（フォルダ、ルート、サービスなど）？

Question

大規模（エンタープライズ）角ウェブアプリケーションを開発するためのガイドはどのようにすべきですか？

• フォルダ構造
• 複数のビュー
• モジュール、コンフィグ、サービス、ディレクティブ、コントローラ、および個人のJavaScriptファイルのルート。
• カスタムフィルタ、ビュー（HTML）

ディレクトリ構造は次のようになります（そして、あなたのアプリが大きい）場合、私はこのようにモジュール化する必要がありますか？ ：

アプリ

• controllers.js
• filters.js
• directives.js
• app.js
• services.js
• index.htmlを

インストールされているすべてのモジュールをルートmyAppモジュールまたはサブモジュールに挿入する必要がありますか？

angular.module('myApp',[ 
    'tasks', 
    'documents', 
    'widgets', 
    'customModuleForWidgets' 
]); 

または

angular.module('widgets',[ 
    'customModuleForWidgets' 
]); 

ルートの設定は一箇所（partentモジュール）またはそれ自身のモジュールにすべきですか？

angular.module('myApp',[ 
    'ui.router' 
]) 
    .config(['$routeProvider', '$stateProvider', function ($routeProvider, $stateProvider) { 
    $stateProvider 
    .state("widget-areaState", { 
     url: "/widget-area", 
     templateUrl: 'views/dashboard-widget.html', 
     controller: 'widgetCtrl' 
    }); 
    .state(...) // other state 
    .state(...) // other state 
    }) 
; 

Answer 1

あなたはジョン・パパで、このguideを確認することができます。それにはさまざまなものとプロジェクト構造が含まれています。多くのハウツーで大きな角度のプロジェクトを始めるのは良い指針です。あなたがそれに従うかどうかを判断したい場合は、それぞれの正確な項目について自分で決めることができますが、ほとんどは非常に合理的です。彼は、構造の場合、機能ごとにフォルダを提案します：

app/ 
    app.module.js 
    app.config.js 
    components/ 
     calendar.directive.js 
     calendar.directive.html 
     user-profile.directive.js 
     user-profile.directive.html 
    layout/ 
     shell.html 
     shell.controller.js 
     topnav.html 
     topnav.controller.js 
    people/ 
     attendees.html 
     attendees.controller.js 
     people.routes.js 
     speakers.html 
     speakers.controller.js 
     speaker-detail.html 
     speaker-detail.controller.js 
    services/ 
     data.service.js 
     localstorage.service.js 
     logger.service.js 
     spinner.service.js 
    sessions/ 
     sessions.html 
     sessions.controller.js 
     sessions.routes.js 
     session-detail.html 
     session-detail.controller.js 

Answer 2

このようなプロジェクト構造を使用できます。