qiankun 子应用预加载

最新推荐文章于 2025-10-12 00:33:12 发布

原创最新推荐文章于 2025-10-12 00:33:12 发布 · 455 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

默认情况下，qiankun 会在第一个子应用 mounted 后开始预加载其他子应用的静态资源。 qiankun 的启动函数 start() 接收可选配置，使用 prefetch 属性可配置子应用预加载规则。

start({
  prefetch: true,// 默认值，在第一个子应用 mounted 后开始预加载其他子应用的静态资源
  prefetch: 'all', // 主应用 start 后即开始预加载所有子应用静态资源
  prefetch: 'none', // 'none' 表示不预加载
  prefetch: ['login', 'live'],// 在第一个子应用 mounted 后开始加载数组内的子应用资源
  prefetch: (app) => app.name === 'login', // 针对特定的应用预加载
});

开启 prefetch 会增加网络带宽的消耗，但可以加速微应用的打开速度，通过在浏览器空闲时间预加载未打开的微应用资源，可以减少用户等待时间，提高用户体验。