javascript - ionic 应用程序代码可以拆分的最佳方式是什么？

Question

我正在构建一个 ionic 应用程序，随着应用程序变大，代码也变得困惑。现在的结构是这样的:

如何使我的代码模块化？像这样:

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

我也用过 requireJS 但我不明白这个概念。现在我正在使用 gulp 连接 js/ 目录下的所有文件并将其捆绑到 bundle.js 中。

请告诉我如何制作一个我可以在其上构建应用程序的最佳结构

Answer 1

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

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

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

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

查看 angular style guide约翰爸爸。 Angular 最佳编码实践的重要资源。