js前端模塊化之加載器原理解析(一)

先來講一下前端模塊化的價值:引用模塊此處有詳細的介紹，能夠自行前往觀看。

一.總結以下優勢：

(1)解決命名衝突
(2)煩瑣的文件依賴
(3)模塊的版本管理
(4)提升可維護性
(5)前端性能優化
(6)跨環境共享模塊

二.加載器的基本思路：

如何去定義咱們的模塊?

如何將咱們定義的模塊去合併?

咱們想一下，若是咱們正常的引用入js到頁面咱們須要作神馬事情，是不是使用：<script type="text/javascript" src="xxx"></script>，那麼問題來了，其實咱們須要作的事情就是去動態的構造<script>，是否加載器就實現了一個這個功能?

其實這個時候咱們看看一下上面的<script src>?是否咱們還須要知道咱們配置js文件的地址?這個才能正確的引入js?

此處咱們歸結於如何去配置地址function()

前面咱們不是還提到了解決了模塊之間的依賴關係嗎?那麼咱們應該知道吧，既然要實現模塊之間的依賴,那咱們確定是須要知道咱們依賴的js是否已經加載完成。這裏咱們須要實現判斷js是否加載完成的function?