工作流程
#
图示#
加载模式icestark 目前支持三种加载模式,分别是 script
、fetch
和 import
,由 loadScriptMode 字段指定。
script
默认加载方式。该模式下,icestark 会通过 HTML <script />
标签加载微应用脚本资源,再次加载时充分利用浏览器缓存进行加载。
fetch
当指定 loadScriptMode
为 fetch
,或配置微应用沙箱模式时,会通过 window.fetch
或用户自定义的 fetch 能力 加载并缓存脚本资源。再次加载时,会充分利用本地内部缓存进行加载。
import
加载 ES modules 类型微应用的主要方式,该模式会通过 Dynamic Import 动态加载脚本资源。
#
钩子函数icestark 在加载微应用的各个阶段提供钩子函数,方便用户监听并执行相应逻辑。详细用法可参考 StartConfiguration
钩子函数 | 触发时机 | 用法示例 |
---|---|---|
onActiveApps | 微应用开始被激活的回调 | 记录当前 url 匹配的微应用 |
onLoadingApp | 微应用加载前的回调 | 在微应用加载过程中渲染加载动画 |
onFinishLoading | 微应用加载并执行后的回调 | 在微应用加载过程中结束渲染加载动画、结合 onLoadingApp 记录微应用加载执行的时长 |
onAppEnter | 微应用开始渲染前的回调 | 结合 onLoadingApp 记录微应用从加载到渲染的时长,结合 onFinishLoading 记录微应用渲染耗时 |
onAppLeave | 微应用卸载前的回调 | 记录用户的停留时长 |
onError | 微应用在 icestark 在加载或执行错的回调 | 记录微应用运行的错误信息 |