2017-02-02 11 views
2

私はイオンアプリを開発しています。アプリケーションが大きくなるにつれて、コードも面倒です。今構造は、このようなものです:イオンアプリケーションコードを分割する最良の方法は何ですか?

enter image description here

どのように私は私のコードをモジュール化することができますか?

js/ 
    `-controllers/ 
    `- controller_A.js 
    `-services/ 
    `- service_A.js 
    app.js 

私もrequireJSを使用しましたが、私はその概念を理解していませんでした。今私はjs/ディレクトリ下のすべてのファイルをconcatinateし、それをbundle.jsにバンドルするためにgulpを使用しています。

どのように私は、私は非常にあなたのファイルは、機能ではなく、ファイルの種類によって(HTML/JS)グループにあなたを励ますアプリケーション

答えて

3

を構築することができた上で最善の構造を作る方法を教えてください。この方法は、開発を大幅に容易にします。

だからあなたのディレクトリには、次のようになります。

app/ 
login/ 
    login.controller.js 
    login.template.html 
    login.scss 

あなたがコンパイルとdest(WWW)のディレクトリにファイルをコピーするには、タスクランナー(がぶ飲み/うなり声)を使用することができます。

チェックアウトangular style guideによってJohn Papa。角度のベストコーディングのための素晴らしいリソース。

+0

ええ、それは私もhtmlで各jsファイルを含める必要があります。私は各コントローラとサービスを別々のファイルに作成し、そのファイルを 'app.js'に必要とし、browserifyを使って' bundle.js'を作って 'インデックスにリンクすることができます。 html'。 @ hamza-isaac – gauravmehla

+2

よろしくお願いします。ありがとうございます。実際にgulpを使用すると、すべてのjsファイルをgulp-concatプラグインを使用して1つのファイル(例:app.js)にコンパイルできます。次に、このapp.jsをindex.htmlに追加するだけです。 –

+0

Ohkie ..それを持って:)おはよう@ハムザ=アイザック – gauravmehla

関連する問題