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

时间:2012-05-01 10:49:59

标签: ember.js

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

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

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

4 个答案:

答案 0 :(得分:12)

两周前我遇到了完全相同的问题,我不想尝试使用requireJS的AMD,这对我想做的事情似乎有点复杂(似乎有优点但也有缺点......)< / p>

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

我的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>

希望这有帮助,(并且我没有误解你的问题)

答案 1 :(得分:4)

您可以使用RequireJS从不同的文件中加载您的余烬应用(包括手柄模板)。

This answer描述了如何以及如何设置内容的示例应用的链接。我刚刚尝试过这种方法来访问我们的某个网站并且效果很好。

答案 2 :(得分:2)

我将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了解更多构建工具和模板。

答案 3 :(得分:2)

现在使用ember-cli的标准方法是使用ember-cli。在http://www.ember-cli.com/

了解更多信息