乾坤

生如夏花之绚烂，死如秋叶之静美。——泰戈尔《生如夏花》

分享一个微前端框架乾坤：https://qiankun.umijs.org/zh

github：https://github.com/umijs/qiankun

快速开始：https://qiankun.umijs.org/zh/guide/getting-started

快速上手

主应用

1. 安装 qiankun

$ yarn add qiankun # 或者 npm i qiankun -S

2. 在主应用中注册微应用

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',});