如何避免AngularJS中的膨胀index.html？

Question

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

这个想法很棒，有很多关于如何做到这一点的资源，但没有人谈论index.html。我的问题是，现在必须通过<script>内的单独index.html标记加载这些单个文件中的每一个，这会使文件显得臃肿。所以我想知道：

1. 在app开始加载所有内容会影响更大的Angular应用程序的性能吗？

2. 在较大的应用程序上使用RequireJS还是只是让事情变得复杂而没有获得更快加载时间的好处？或者Angular是否有办法真正模块化应用程序并让它按需加载控制器/过滤器/服务/第三方库？

如果我想模块化我的应用，那么这就是我要走的路吗？我应该保留原样而不用担心性能吗？

Answer 1

您可以拥有数十个文件，所有文件都分为控制器，指令，服务等，然后只需使用grunt或gulp将它们连接（并希望缩小）到您包含的单个文件中。请查看Grunt-contrib-concat作为示例grunt任务。