乾坤
分享一个微前端框架乾坤：https://qiankun.umijs.org/zh
image-20220808130322123
github：https://github.com/umijs/qiankun
快速开始：https://qiankun.umijs.org/zh/guide/getting-started
快速上手
主应用
1. 安装 qiankun
$ yarn add qiankun # 或者 npm i qiankun -S2. 在主应用中注册微应用
import { registerMicroApps, start } from 'qiankun';
registerMicroApps([ { name: 'react app', // app name registered entry: '//localhost:7100', container: '#yourContainer', activeRule: '/yourActiveRule', }, { name: 'vue app', entry: { scripts: ['//localhost:7100/main.js'] }, container: '#yourContainer2', activeRule: '/yourActiveRule2', },]);
start();当微应用信息注册完之后，一旦浏览器的 url 发生变化，便会自动触发 qiankun 的匹配逻辑，所有 activeRule 规则匹配上的微应用就会被插入到指定的 container 中，同时依次调用微应用暴露出的生命周期钩子。
如果微应用不是直接跟路由关联的时候，你也可以选择手动加载微应用的方式：
import { loadMicroApp } from 'qiankun';
loadMicroApp({ name: 'app', entry: '//localhost:7100', container: '#yourContainer',});本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-08-08，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录