Skip to main content

工作流程

图示#

icestark 加载图示

加载模式#

icestark 目前支持三种加载模式,分别是 scriptfetchimport,由 loadScriptMode 字段指定。

  1. script

默认加载方式。该模式下,icestark 会通过 HTML <script /> 标签加载微应用脚本资源,再次加载时充分利用浏览器缓存进行加载。

  1. fetch

当指定 loadScriptModefetch,或配置微应用沙箱模式时,会通过 window.fetch用户自定义的 fetch 能力 加载并缓存脚本资源。再次加载时,会充分利用本地内部缓存进行加载。

  1. import

加载 ES modules 类型微应用的主要方式,该模式会通过 Dynamic Import 动态加载脚本资源。

钩子函数#

icestark 在加载微应用的各个阶段提供钩子函数,方便用户监听并执行相应逻辑。详细用法可参考 StartConfiguration

钩子函数触发时机用法示例
onActiveApps微应用开始被激活的回调记录当前 url 匹配的微应用
onLoadingApp微应用加载前的回调在微应用加载过程中渲染加载动画
onFinishLoading微应用加载并执行后的回调在微应用加载过程中结束渲染加载动画、结合 onLoadingApp 记录微应用加载执行的时长
onAppEnter微应用开始渲染前的回调结合 onLoadingApp 记录微应用从加载到渲染的时长,结合 onFinishLoading 记录微应用渲染耗时
onAppLeave微应用卸载前的回调记录用户的停留时长
onError微应用在 icestark 在加载或执行错的回调记录微应用运行的错误信息