qiankun
可能是你见过最完善的微前端解决方案🧐
简单
任意 js 框架均可使用。子应用接入像使用接入一个 iframe 系统一样简单,但实际不是 iframe。
完备
几乎包含所有构建微前端系统时所需要的基本能力,如 样式隔离、js 沙箱、预加载等。
生产可用
已在蚂蚁内外经受过足够大量的线上系统的考验及打磨,健壮性值得信赖。
# 📦 安装
$ yarn add qiankun # or npm i qiankun -S
# 🔨 使用
import { registerMicroApps, start } from 'qiankun';
// 注册子应用
registerMicroApps([
{
name: 'reactApp',
entry: '//localhost:7100',
render: ({ appContent }) => ReactDOM.render(<App appContent={appContent}>, document.getElementById('container')),
activeRule: location => location.pathname.startsWith('/react'),
},
]);
start();
参考:快速上手。
# 社区
Github Issue | 钉钉群 |
---|---|
umijs/qiankun/issues |