6

私は、ember app kit を使い始め、そのガイドを読んでいます。ただし、通常のアプリと、名前空間として使用されるグローバル変数 (App など) にすべてを詰め込むのではなく、Ember App Kit が ES6 モジュールを使用してさまざまなビットを構造化するこの方法との違いに頭を悩ませています。

この側面はあまり明確に説明されていないことがわかりました。

  • Ember は、自動生成モデル、ビュー、ルート、およびコントローラーにその魔法をどのように適用しますか?
  • それらをどこで見つけることが期待されていますか？
  • どの命名規則に従う必要がありますか?
  • テンプレート、ルート、またはコントローラーを作成したのに、Ember がそれを検出/検出せず、その場所にデフォルトのテンプレートを生成するだけの場合、どこを見ているかをどのように見つけますか? または、この状況でデバッグしますか?
  • Ember App Kit を使用した開発と比較して、標準の Ember アプリ開発では、これらがどのように異なるのでしょうか?

事前に大歓迎です！

編集 (20140506):

これらのリソースは、ES6 モジュールと EAK を非常によく説明しています。

4

2 に答える 2

5

私は実際、ほんの数週間前に、まさにこのトピックに関するブログ シリーズを作成しました。基本的な (グローバルな) ember アプリから始めて、8 つの異なる投稿に変換します。

最後に、EAK と同じようにタスクを含む Gruntfile を作成します (ただし、すべて手作業で作成しました - 一度に 1 ステップずつ)。

于 2014-05-06T13:08:38.913 に答える
4

Stefan Penner は、 Ember App Kit のサイトでモジュールを説明するのにかなり良い仕事をしていますが、要約すると:

Ember App Kit は、ES6 Module Transpilerを使用して、アプリのすべての Ember クラスを AMD モジュールに変換します。「通常の」Ember 開発では、クラスをアプリのプロパティとして割り当てます...

App.IndexController = Ember.Controller.extend(...);

しかし、EAK では、モジュールを ES6 構文で記述します。

export default Ember.Controller.extend(...);

トランスパイラーは、モジュール名のベースとしてファイル名を使用します (次の場所に保存されていると仮定します) app/controllers/index.js。

define('controllers/index', Ember.Controller.extend(...));

次に、Ember App Kit はカスタム リゾルバーを使用して、アプリのキャメル ケース プロパティとしてモジュールを探すのではなく、AMD を使用してモジュールを検索します。(別のリンクを投稿する担当者がいないので、ember-jj-abrams-resolver をググってください。)

Ember がモジュールを探しても見つからない場合、EAK の外部と同じように動作します。

于 2014-02-12T12:47:23.903 に答える