离子应用程序代码可以拆分的最佳方式是什么?

时间:2017-02-02 09:28:42

标签: javascript angularjs cordova ionic-framework gulp

我正在构建一个离子应用程序,随着应用程序变得越来越大,代码也变得混乱。现在结构是这样的:

enter image description here

如何使我的代码模块化?像这样的东西:

js/
  `-controllers/
     `- controller_A.js
  `-services/
     `- service_A.js
  app.js

我也使用了requireJS,但我并不理解这个概念。现在我正在使用gulp来整合js/目录下的所有文件并将其捆绑到bundle.js

请告诉我如何建立一个可以构建应用程序的最佳结构

1 个答案:

答案 0 :(得分:3)

我强烈建议您按功能而不是文件类型对文件(html / js)进行分组。这种方法将大大简化您的开发。

所以你的目录应该是这样的:

app/
 login/
   login.controller.js
   login.template.html
   login.scss

您可以使用任务运行器(Gulp / Grunt)将文件编译并复制到dest(www)目录中。

查看John Papa的angular style guide。角度最好的编码实践的一个很好的资源。