js前端模块化之加载器原理解析(一)
先来说一下前端模块化的价值:引用模块此处有详细的介绍,可以自行前往观看。
一.总结如下优点:
(1)解决命名冲突
(2)烦琐的文件依赖
(3)模块的版本管理
(4)提高可维护性
(5)前端性能优化
(6)跨环境共享模块
二.加载器的基本思路:
如何去定义我们的模块?
如何将我们定义的模块去合并?
我们想一下,如果我们正常的引用入js到页面我们需要做神马事情,是否是使用:<script type="text/javascript" src="xxx"></script>,那么问题来了,其实我们需要做的事情就是去动态的构造<script>,是否加载器就实现了一个这个功能?
其实这个时候我们看看一下上面的<script src>?是否我们还需要知道我们配置js文件的地址?这个才能正确的引入js?
此处我们归结于如何去配置地址function()
前面我们不是还提到了解决了模块之间的依赖关系吗?那么我们应该知道吧,既然要实现模块之间的依赖,那我们肯定是需要知道我们依赖的js是否已经加载完成。这里我们需要实现判断js是否加载完成的function?