如何构建一个包含许多脚本的Angular应用程序,并且在我的HTML中只有一个脚本标记?

时间:2013-07-01 00:22:01

标签: javascript angularjs

我是Angular的新手,我正在构建一个演示应用程序来学习,这是非常基础的东西,但它有效,但我想知道如何将这个应用程序分成不同的文件,而无需编写脚本每个文件的标记。

假设我的文件结构如下:

脚本/

angular.js

----应用/

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

----工厂/

-----factoryOne.js

-----factoryTwo.js

----控制器/

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

----路线/

-----routes.js

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

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

有办法做到这一点吗?比如在Java中包含或在C#中使用,感谢帮助人员。

2 个答案:

答案 0 :(得分:3)

个人使用Grunt执行此类任务。您可以在https://npmjs.org/package/grunt-contrib-concat + https://npmjs.org/package/grunt-usemin找到此特定内容的详细信息。这些脚本标记将在您的源代码中,但您的dist版本将只有一个。

如果您使用Bower开始项目,这将全部为您设置。

答案 1 :(得分:0)

你应该看看RequireJS。有了它,最多只有2个脚本标签,RequireJS和主应用程序脚本。 Angular将作为您需要它的应用程序片段的依赖项加载。