ember.js - 有没有办法将 Ember.js 应用程序拆分为几个文件？

Question

我刚刚编写了我的 app.js 文件，一切正常，但整个文件目前有 450 行长，并且会变得更大。

是否有将状态管理器代码或视图代码拆分为不同文件（如 states.js 或 views.js）的最佳实践，以便一切都更清晰？

同样在该说明中...是否有将车把模板拆分为不同文件的首选方法？我目前刚刚将它们全部定义在一个 html 文件中，该文件也开始变得有点笨拙。

Answer 1

两周前我遇到了完全相同的问题，我不想用 requireJS 尝试 AMD，这对于我想做的事情来说似乎有点复杂（而且似乎有优点但也有缺点..）

说服我的简单解决方案如下：

我的 js 文件夹中有 3 个文件夹：“models”、“controllers”和“views”，其中包含我的 js“类”，​​并且我有一个“index.html”可以导入所有 js 文件（我使用 HTML5 样板来得到一个方便的 index.html)。

需要明确的是，在我的 index.html 中，我在文件末尾有如下内容：

 <script src="js/app.js"></script>
 <script src="js/models/note.js"></script>
 <script src="js/controllers/notesController.js"></script>
 <script src="js/controllers/selectedNoteController.js"></script>
 <script src="js/views/menuView.js"></script>
 <script src="js/views/noteResumeView.js"></script>
 <script src="js/views/noteView.js"></script>
 <script src="js/views/createNoteView.js"></script>
 <script src="js/views/listeNotesView.js"></script>

希望这有帮助，（而且我没有误解你的问题）

Answer 2

您可以使用RequireJS从不同的文件加载您的 ember 应用程序（包括车把模板）。

此答案描述了如何设置以及指向示例应用程序的链接，该示例应用程序显示了如何进行设置。我刚刚在我们的一个网站上尝试过这种方法，效果很好。

Answer 3

我在我的项目中使用ember-skeleton。

要开始，只需执行以下操作：

git clone https://github.com/interline/ember-skeleton.git my-app
cd my-app

bundle install
bundle exec rackup

然后去http://localhost:9292

还可以查看wiki以获取更多构建工具和模板。

Answer 4

现在执行此操作的标准方法是使用 ember-cli。在http://www.ember-cli.com/上查找更多信息