我正在构建一个大型企业angularjs应用程序。我努力学习并使用了无数个小时来确保架构是模块化的且不依赖于它!
因此我的应用程序将包含许多不同的模块,每个模块都包含
还有更多。
然而,有一个问题我似乎无法理解!
假设您有两个模块,每个模块都有两个指令,然后在index.html文件中,您将拥有以下内容:
<script src="js/modules/module1/module1.js"></script>
<script src="js/modules/module1/directives/module1directive1.js"></script>
<script src="js/modules/module1/directives/module1directive2.js"></script>
<script src="js/modules/module2/module2.js"></script>
<script src="js/modules/module2/directives/module2directive1.js"></script>
<script src="js/modules/module2/directives/module2directive2.js"></script>
这有点“好”但是一旦指令和模块的数量增加,加载时间也会增加,也很难跟踪所有这些文件
(你知道有些模块是相互依赖的,必须按正确的顺序加载。)
既然我们已经知道module1directive1
是一个仅在module1
处于活动状态时才直接使用的指令,我希望有一种方法可以在需要时只包含它吗?
如果你愿意,那就是一种进口。当该指令/服务或其他模块属于它所属的模块时无法使用。
我猜我不是第一个遇到这个问题的人。但遗憾的是,我找不到任何解决这个问题的人。