Javascript模块加载器和关键渲染路径

Question

我的理解是，当您使用模块加载器时，您的脚本（模块）是异步加载的。

问题是如果你正在操作dom，浏览器/模块加载器如何正确地执行这些脚本？它如何知道执行这些模块需要什么序列？特别是当您使用带有jspm / common.js的angularjs或任何其他模块加载器时

Answer 1

任何加载器都不了解有关DOM，节点状态等的任何信息，最多它对window的{​​{1}}事件具有约束力。坦率地说，他们的工作方式如下：

• 首先这样的装载机装载自己，
• 之后，他们加载了一些根模块 （称为load），
• 查找根脚本依赖项后 加载它们，
• 对于每个依赖项，它检查依赖性等依赖性，等等，
• 在所有依赖加载之后，它开始将后一个依赖项注入到之前的
中
• 在将依赖项注入其调用它的根模块之后。