javascript - 如何构建一个包含许多脚本且 HTML 中只有一个脚本标签的 Angular 应用程序？

Question

我是 Angular 新手，我正在构建一个演示应用程序来学习，这是非常基本的东西，但它正在工作，但我想知道如何将此应用程序划分在不同的文件中，而无需编写脚本每个文件的标签。

假设我的文件结构如下:

脚本/

Angular.js

----应用程序/

-----app.js(main app module)

----工厂/

-----factoryOne.js

-----factoryTwo.js

---- Controller /

-----controllerOne.js
-----controllerTwo.js

----路线/

-----routes.js

在我的主视图中，我只想拥有

 <script src="Scripts/angular.js"></script>
 <script src="Scripts/app/app.js"></script>

有办法做到这一点吗？就像在 Java 中包含或在 C# 中使用一样，感谢大家的帮助。

Answer 1

个人使用 Grunt 来完成这样的任务。您可以在@https://npmjs.org/package/grunt-contrib-concat找到此特定的详细信息。 + https://npmjs.org/package/grunt-usemin 。这些脚本标签将位于您的源代码中，但您的 dist 版本将只有一个。

如果您使用 Bower 启动项目，这一切都将为您设置好。