Javascript模塊加載器和關鍵渲染路徑

Question

我的理解是，當您使用模塊加載程序時，腳本（模塊）是異步加載的。

問題是，如果要操縱dom，瀏覽器/模塊加載器如何找出正確執行此類腳本的方法？ 如何知道將這些模塊執行到什么后繼程序？ 特別是當您將Angularjs與jspm / common.js或任何其他模塊加載器一起使用時

Answer 1

任何加載器對DOM，節點狀態等一無所知，它最多與window的load事件綁定。 坦率地說，它們的工作方式如下：

• 首先，這類裝載機會自行裝載
• 之后，他們加載一些根模塊（稱為entry point ），
• 在尋找根腳本依賴項並加載它們之后，
• 對於每個依賴項，它都會檢查dependecy的依賴項，依此類推，
• 在所有依賴項加載之后，它開始將后一個依賴項注入到前一個，
• 在將依賴項注入根模塊后，它會調用它。