Mein Kopf um Ember App Kit wickeln-Unterschiede im Vergleich zur Arbeit mit Plain Ember

Question

Ich habe begonnen, Ember App-Kit zu verwenden und durchlesen its guides. Allerdings habe ich Probleme, die Unterschiede zwischen einer normalen App und dem Ember App Kit so zu strukturieren, dass die verschiedenen Bits mit ES6-Modulen strukturiert werden, anstatt alles in eine globale Variable zu stopfen, die als Namespace (z. B. App) verwendet wird.

fand ich, dass dieser Aspekt erklärt nicht ganz klar ist:

• Wie Ember seine Magie in Autoerzeugungsmodelle anwenden, Ansichten, Routen und Controller?
• Wo erwartet es sie zu finden?
• Welche Namenskonventionen sollte ich befolgen?
• Wenn ich eine Vorlage, Route oder Controller erstellt habe, und Ember tut nicht finden/erkennen, und erzeugt nur einen Standard an seiner Stelle, wie finde ich heraus, wo es sucht; oder sonst in dieser Situation debuggen?
• Wie ist das bei der Entwicklung der Standard-Ember-App anders als bei der Entwicklung mit dem Ember-App-Kit?

Sehr geschätzt im Voraus!

---

EDIT (20140506):

Diese Ressourcen erklären ES6 Module und EAK wirklich gut:

• Ein kurzer Überblick: eviltrout: getting started with ES6
• Eine ganze Reihe von Stellen: [toranb: http://toranbillups.com/blog/archive/2014/04/06/Building-your-own-ember-app-kit-lite/), mit einem ES6 modules specific one

Answer 1

Ich habe vor ein paar Wochen eine Blog-Serie zu diesem Thema gemacht. Ich beginne mit einer einfachen (globals) ember App und wandle sie in 8 verschiedene Posts um.

• Part 1 - Introduction
• Part 2 - Concatenation (introducing Grunt)
• Part 3 - Handlebars template precompilation
• Part 4 - ES6 modules
• Part 5 - JSHint
• Part 6 - Watch + Live Reload
• Part 7 - Testem
• Part 8 - Deployment

Am Ende haben Sie eine Gruntfile w/wie EAK Aufgaben (aber man alles von Hand -on Schritt zu einer Zeit aufgebaut haben)

Answer 2

Stefan Penner erklärt modules auf der Seite des Ember App Kits, aber um es zusammenzufassen:

Ember App Kit verwendet die ES6 Module Transpiler, um alle Ember-Klassen Ihrer App in AMD-Module umzuwandeln. In "normalen" Ember Entwicklung ordnen Sie Klassen als Eigenschaften Ihrer App ...

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

Aber mit EAK, schreiben Sie Ihre Module in ES6 Syntax:

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

Die Transpiler wird die Datei verwenden nennen als Grundlage für seine Modulnamen (unter der Annahme, dass es bei app/controllers/index.js gespeichert ist:

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

Ember App Kit dann eine benutzerdefinierte Resolver verwendet Module mit AMD zu schauen, anstatt auf der Suche nach sie als Camel Cased Eigenschaften Ihrer App. (Ich habe nicht den Vertreter, um einen anderen Link zu posten, also googlen Sie nach ember-jj-abrams-resolver.)

Wenn Ember nach einem Modul sucht und es nicht findet, verhält es sich genauso wie es draußen ist von EAK.