如何分离Angular JS文件并自动包含它们？

如何根据我的应用程序的部分区分AngularJS控制器/服务/路线？例如，我有专门的章节，如：如何分离Angular JS文件并自动包含它们？

我希望把所有的控制器/服务等为单独的JS文件，但不希望在我的index.html中有很长的包含列表。

2015-12-26 Lock

也许这可以帮助你[angularjs-best-practices-directory-structure]（https://scotch.io/tutorials/angularjs-best-practices-directory - 结构） – Maher

您可以在路由器中使用lazyload调用与您当前路由相关的每个控制器和服务 – Maher

我们在我们的项目中做的是，我们使用构建过程，将所有.js和.css文件连接成2个大缩小文件，我们将它们包含在index.html之内。我们将它们命名为app-all.min.js和style-all.min.css。

有很多工具可以做文件连接，我们使用maven插件，但如果maven不是你的东西，你可以使用grunt或gulp任务。

然后，您可以定义项目中要连接哪个子目录以及要忽略哪个子目录。所以你的文件/目录布局不是一个真正的问题。

至于应用程序结构，有一些非常有见地的讨论，你应该如何做到这一点。我发现约翰帕帕的角度指导section about application structure最明确和广泛使用

2015-12-26 07:20:40 svarog

感谢您的支持。与Laravel一起使用Gulp并开展了一项工作。 – Lock

回答