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

时间:2015-12-26 01:22:30

标签: angularjs

如何根据我的应用部分分隔AngularJS控制器/服务/路线? 例如,我有以下部分:

  • 设置
  • 购买
  • 销售

我想将所有控制器/服务等放入单独的JS文件中,但不希望在我的index.html中有一长串的包含。

1 个答案:

答案 0 :(得分:2)

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

有很多工具可以进行文件连接,我们使用maven插件,但如果maven不是你的话,你可以使用gruntgulp任务。 / p>

然后,您可以定义项目中要连接的子目录以及要忽略的子目录。所以你的文件/目录布局确实不是问题。

至于应用程序结构,有一些非常有见解的讨论,关于你应该如何做到这一点。我发现John Papa的角度风格指南section about application structure是最明确和最广泛使用的