Javascript AngularJS应用程序：如何将.js文件包含到index.html中

我是安格拉斯的新手。我设法用angularJS构建了一个phonegap应用程序。应用程序正常，运行正常。问题是，现在我对angularJS的工作原理有了更多的了解（至少我认为我了解），我担心我的应用程序文件结构和代码的可维护性。我的项目遵循角度种子模式。我有这样的结构：

js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

scripts
    controllers
             LoginCtrl.js
             HomeCtrl.js
             AboutCtrl.js
             ClientCtrl.js 

在研究了如何使用angularJS构建应用程序之后，我发现了一些非常好的文章：以及

我的问题在我看来很傻，但我找不到出路。我设法将我的控制器分为不同的文件，现在我有了以下结构：

js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

scripts
    controllers
             LoginCtrl.js
             HomeCtrl.js
             AboutCtrl.js
             ClientCtrl.js 

我一直在努力解决的问题是，就像我以前的应用程序一样，我只有一个controller.js文件。在index.html文件中，我通常使用script标记加载所有脚本文件。现在我的控制器有4个不同的.js文件，如何将它们加载到index.html文件中？我必须把它们都装在那里吗

---

在我看来，这样加载index.html文件中的所有脚本是不对的（我知道，有一个文件，代码将以相同的方式加载，有许多脚本标记打包在那里，这对我来说很奇怪）。我在github上找到了ng样板项目，并在index.html上动态加载脚本。问题是，我现在不能开始一个新的ng bolierplate，我也不知道他们是如何做到的。对不起，我的文字太长了。谢谢

在index.html中引用每个脚本文件自己的标记绝对是一种方法，也是最简单的方法。但是，如果您想要更干净的东西，请查看将Angular与RequireJS相结合的各种指南之一：

这种方法主要是为了解决加载文件的顺序以满足依赖关系的问题，但它也会清理index.html…尽管在其他地方需要额外配置。

使用

您可以从浏览器中的node.js中获得非常简单、优雅和许多令人惊叹的库

---

代码被捆绑到单个js文件中。

可能是我以前从未使用过grunt的副本。我的项目没有安装它，我是一个phonegap项目，所以我真的很困惑如何做。谢谢，第一篇文章帮助我了解了它是如何工作的。不过我会考虑使用它，因为我们的项目已经启动并运行，我现在不想进行重大修改。