Javascript 在前端加载一堆角度指令和其他js文件

angular是否有一个最佳实践，即拥有一个外部javascript文件的通用列表，并将该列表导入到不同的模板HTML文件中？我的想法是，我可以有一个全局脚本列表，我只是导入到任何模板

所以基本上我想要的是一个包含所有js脚本的单一html文件。该文件可能包括angular依赖的指令，即

<script src="my_script.html">
<script src="another_script.html">
<script src="angular_directive.html">
...

...

然后我想把它们导入

angular\u template.html

和

另一个

。在前端有没有一个很好的方法？我发现的主要问题是，我想在这个全局文件中包含Angular指令，但如果这样做，Angular首先就无法初始化，因为该文件中可能有应用程序依赖的指令。因此，像

ng include

这样的东西并不能解决这个问题

---

如果必要的话，我愿意使用普通的老javascript或jquery。我将如何实现这一点？

如果您需要脚本，请尝试RequireJS-

它不仅可以在单个include后面为您处理所有这些，而且还可以只加载您需要的内容，并并行加载脚本。有几种类似的解决方案，但我建议深入研究一下，看看这是如何完美解决的

最终，html文件中只有一个脚本，如下所示：

<script data-main="scripts/main" src="scripts/require.js"></script>

define(['angular.js','myscript.js'], function() {
   ...your dependent script goes here...
});

此外，它还有一个很好的配置系统，因此您可以在单个位置手动设置依赖项。然后，您可以基本上省去我上面写的模块赘述。但是模块在这里已经有一段时间了，拥有它是件好事

---

或者，$script做完全相同的事情。功能不全，但很小--

使用像Jade（）这样的模板引擎可以解决您的问题。