是否可以将所有AngularJS文件（例如Controller，Factory）加载到外部HTML中？

Question

我正在构建一个应用程序，并且随着它的增长， <script>标签也在index.html增长

index.html

<html>
    <head></head>
    <body>
        <script src="angular.js"></script>
        <script src="a.js"></script>
        <script src="b.js"></script>
        ...
    </body>
</html>

是否可以将所有这些<script>到外部html中，然后将其加载到index.html以使用它？ 像这样

index.html

<html>
    <head></head>
    <body>

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

        [**Include jsInclude.html here**]
    </body>
</html>

jsIncude.html

<script src="a.js"></script>
<script src="b.js"></script>
...

如果是这样，执行此任务的适当方法有哪些？

我已经在线阅读了可以使用Grunt或RequireJS动态加载JS文件的信息。

但是，我希望避免延迟加载，我想在启动时立即加载所有JS文件。

使用RequireJS或Grunt可以实现吗？ 还是有另一种方法来实现这一目标？

Answer 1

您可以使用webpack或browserify将所有JS文件编译为1个JS文件。

https://webpack.github.io/

http://browserify.org/

Grunt只是一个任务执行者，它将无法独自执行此任务。 您可以在Grunt中设置任务以运行browserify / webpack

Answer 2

是的，只能那样。 首先加载app.js，然后跟随HTML（index.html）中的其他文件，包括控制器，工厂等

是否可以将所有AngularJS文件（例如Controller，Factory）加载到外部HTML中？

问题描述

2 个解决方案

解决方案1
1 2015-09-04 03:27:17

解决方案2
0 2015-09-04 09:45:53

是否可以将所有AngularJS文件（例如Controller，Factory）加载到外部HTML中？

问题描述

2 个解决方案

解决方案1 1 2015-09-04 03:27:17

解决方案2 0 2015-09-04 09:45:53

解决方案1
1 2015-09-04 03:27:17

解决方案2
0 2015-09-04 09:45:53