大規模でスケーラブルな AngularJS アプリケーションのフォルダー構造をどのようにレイアウトしますか?
ベストアンサー1
タイプで並べ替え
左側には、アプリがタイプ別に整理されています。小さなアプリの場合はそれほど悪くありませんが、ここでも探しているものを見つけるのが難しくなるのがわかります。特定のビューとそのコントローラーを見つけたい場合、それらは別のフォルダーにあります。コードを整理する方法がわからない場合は、ここから始めると良いでしょう。右側のテクニック、つまり機能別の構造に移行するのは非常に簡単です。
機能別に並べ替え(推奨)
右側では、プロジェクトは機能別に整理されています。レイアウト ビューとコントローラーはすべてレイアウト フォルダーに、管理コンテンツは管理フォルダーに、すべての領域で使用されるサービスはサービス フォルダーに入っています。ここでの考え方は、機能を動作させるコードを探しているときに、それが 1 か所に配置されているということです。サービスは、多くの機能を「サービス」するため、少し異なります。アプリが形になり始めると、管理がはるかに簡単になるので、私はこれが気に入っています。
よく書かれたブログ投稿:http://www.johnpapa.net/angular-growth-structure/
サンプルアプリ:Angular アプリ