有没有办法在几个文件中拆分Ember.js应用程序？

Question

我刚刚写了我的app.js文件,一切都很好用,但整个文件目前有450行,并且会越来越大.

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

还有那个注意事项......是否有一种将把手模板拆分成不同文件的首选方法？我现在只是将它们全部定义在一个html文件中,它开始变得有点笨拙.

Answer 1

两个星期前我正面对完全相同的问题,我不想尝试使用requireJS的AMD,这对于我想做的事情似乎有点复杂(似乎有优点但也有缺点......)

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

我的js文件夹中有3个文件夹:"models","controllers"和"views",其中包含我的js"classes",我有一个"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

现在执行此操作的标准方法是使用 ember-cli。欲了解更多信息，请访问http://www.ember-cli.com/