Ember App Kit - 与使用普通 Ember 相比的差异

Question

我已经开始使用 ember 应用套件，并仔细阅读了 its guides。但是，我很难理解常规应用程序与 Ember App Kit 使用 ES6 模块构建各种位的方式之间的差异，而不是将所有内容都填充到用作命名空间（例如应用程序）的全局变量中。

我发现这方面解释的不是很清楚：

• Ember 如何在自动生成模型、视图、路由和控制器方面发挥其魔力？
• 它期望在哪里找到它们？
• 我应该遵循哪些命名约定？
• 如果我创建了一个模板、路由或控制器，而 Ember 没有没有找到/检测它，只是在它的位置生成一个默认的，我如何找出它正在寻找的位置;还是在这种情况下进行调试？
• 与使用 Ember App Kit 进行开发相比，标准 Ember 应用开发有何不同？

提前非常感谢！

---

编辑（20140506）：

这些资源很好地解释了 ES6 模块和 EAK：

• 简要概述：eviltrout: getting started with ES6
• 整个系列的帖子：[toranb：http://toranbillups.com/blog/archive/2014/04/06/Building-your-own-ember-app-kit-lite/)，带有ES6 modules specific one

Answer 1

实际上，就在几周前，我写了一个关于这个主题的博客系列。我从一个基本的（全局）ember 应用开始，并将其转换为 8 个不同的帖子。

• 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

最后，您将拥有一个像 EAK 一样的带有任务的 Gruntfile（但您是手动构建的——一次一步）

Answer 2

Stefan Penner 在 Ember App Kit 的网站上很好地解释了 modules，但总结一下：

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 之外的行为相同。