Angularjs 在单页应用程序中加载控制器

Angularjs 在单页应用程序中加载控制器,angularjs,lazy-loading,loading,single-page-application,controllers,Angularjs,Lazy Loading,Loading,Single Page Application,Controllers,我正在和AngularJS一起开发一个小水疗中心。我遵循了post for directory structure中描述的最佳实践。 该应用程序包括大约10个不同的控制器,由于使用了路由和分区,索引文件看起来很干净。我唯一的问题是在索引文件的头部分包含了所有控制器文件,如: <script src="app/components/home/homeController.js"></script> <script src="app/components/blog/bl

我正在和AngularJS一起开发一个小水疗中心。我遵循了post for directory structure中描述的最佳实践。 该应用程序包括大约10个不同的控制器,由于使用了路由和分区,索引文件看起来很干净。我唯一的问题是在索引文件的头部分包含了所有控制器文件,如:

<script src="app/components/home/homeController.js"></script>
<script src="app/components/blog/blogController.js"></script>
<script src="app/components/detail/detailController.js"></script>

我相信有更好的方法包含这些脚本文件。我是否应该为此使用模块加载器,还是有更简单的解决方案?
顺便说一句,由于应用程序的规模很小,我不在乎解决方案是否解决了延迟加载问题。

我总是为我的应用程序加载requirejs。它是我们遗留项目的产物,我越来越欣赏它所提供的组织。我认为大多数SPA都涉及一个构建步骤,使用Grunt或Gulp等工具将所有JS文件连接并缩小为一个脚本。在调试中,把事情分开比较有用,但是当转移到生产环境时,一个文件是理想的。我同意你关于构建步骤的看法。我的问题更多的是关于开发阶段。你可以使用例如。谢谢@JBNizet。这看起来是一个很好的解决方案。