2016-06-14 7 views
3

私は、最も人気のある/標準的なフォルダ構造がAngular 2アプリ用であることを見て回りました。光を放つことができるプロダクションでAngular 2を使用している人はいますか?角2:「公式」標準フォルダ構造とは何ですか?

1)機能によって分割し、共有フォルダ2)コンポーネント、またはサービス、または何か)を直接(すべてのファイルが含まれている各機能のフォルダ)1:

ここで私が見つけたいくつかのアプローチがありますFEそれは考え#1については、そのフォルダ https://angular.io/docs/ts/latest/guide/style-guide.html#!#application-structure enter image description here

2)角度1つのスタイル(機能により、ノーネスティングや分離、単に部品、パイプ、サービス、モデル) enter image description here

内部コンポーネントのサブフォルダを持たない奇妙なサービス、サービスのサブフォルダなど。すべてのルートでサービスを使用する場所はどこですか?

ところで私は角CLIジェネレータを使用しています:https://github.com/angular/angular-cli

+0

IMO - 機能別に分割。 features/myFeatureを持つのが好きで、そのフォルダにはすべての包括的なアイテムが含まれているので、アプリから取り出して別の場所に落とすことができ、機能するはずの真のコンポーネントがあります。それだけでも私が好むものです。 – ajmajmajma

+0

Angluar2 CLIは、レイアウトのベストプラクティスに従います。https://cli.angular.io/ – LDJ

答えて

0

私はそれはあなたがあなたのアプリを整理したいとどのように依存することを考えます。アプリケーションが小さい場合は、タイプ(コンポーネント、サービス、ビューなど)で区切るのが好きですが、大きく複雑なアプリケーションの場合は、探しているフォルダを見つけるのが簡単なので機能で分割します。

また、タイプ(コンポーネント、サービスなど)でアプリを分割してから、それぞれのタイプ内で類似性(フォルダcomponents/users/usercomponent1内のユーザーに関連するすべてのコンポーネント、 usercomponent2、など)

1

スタイルガイドは、あなたのアプリそれは、機能ごとにフォルダと関連ファイル(コンポーネント、テンプレートとフラットな階層を維持するために言うhttps://angular.io/styleguide

構築する方法についての行いをたくさんやっていいことといけないことを提供しますスタイル、...)を同じフォルダに保存します。

関連する問題