是否有可能将所有AngularJS文件(例如Controller, Factory)加载到一个外部HTML中?

Is it possible to load all of AngularJS files (e.g. Controller, Factory) into an external HTML?

本文关键字：加载 一个 HTML 外部 有可能 AngularJS 文件 是否 Controller 例如 Factory      更新时间：2023-09-26

我一直在构建一个应用程序，随着它的增长，<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能够实现这一点吗?或者有其他方法可以实现这一点?

你可以使用webpack或者browserify把你所有的JS文件编译成一个JS文件

https://webpack.github.io/

http://browserify.org/

Grunt只是一个任务运行器，它不能自己完成这个任务。你可以在Grunt中设置一个任务来运行browserify/webpack

是的，应该是这样的。首先加载app.js，然后在HTML (index.html)中跟踪其他文件，包括控制器，工厂等

相关文章：