Javascript 如何避免AngularJS中出现臃肿的index.html？

我上周开始学习Angular，并学习了很多教程和最佳实践。我经常遇到的一个技巧是将每个控制器、过滤器和服务分离到自己的文件中

这个想法很好，有很多关于如何做到这一点的资源，但是从来没有人谈论过

index.html

。我的问题是，现在必须通过

index.html

中的一个单独的

标记来加载这些文件中的每一个，这使得文件看起来有些臃肿。所以我想知道：

在应用程序启动时加载所有内容会影响具有大量控制器和第三方库的大型Angular应用程序的性能吗

在更大的应用程序上使用RequireJS是必要的，还是我只会让事情复杂化，而不会获得更快加载时间的好处？或者Angular是否有一种真正模块化应用程序的方法，让它按需加载控制器/过滤器/服务/第三方LIB

---

那么，如果我想模块化我的应用程序，这就是我要走的路吗？我是否应该保持现状，而不担心性能？

您可以有几十个文件，全部分为控制器、指令、服务等，然后只需使用grunt或gulp将它们连接（并希望缩小）到一个包含的文件中。以grunt任务为例。

它取决于每个控制器、过滤器和服务的大小。只有当它是一个大的应用程序时，才将所有内容分开，否则将它们放在一起。这不是关于性能，而是干净的代码和理解。我最终得到了一个相当大的角度项目，这是相当快的，即使有所有的脚本标记。在花了太多时间之后，我得出了相同的结论：concat和minify就是答案。谢谢