qiankun
Probably the most complete micro-frontends solution you ever met🧐
Simple
Works with any javascript framework. Build your micro-frontend system just like using with iframe, but not iframe actually.
Complete
Includes almost all the basic capabilities required to build a micro-frontend system, such as style isolation, js sandbox, preloading, and so on.
Production-Ready
Had been extensively tested and polished by a large number of online applications both inside and outside of Ant Financial, the robustness is trustworthy.
# 📦 Installation
$ yarn add qiankun # or npm i qiankun -S
# 🔨 Getting Started
import { registerMicroApps, start } from 'qiankun';
// register the sub apps
registerMicroApps([
{
name: 'reactApp',
entry: '//localhost:7100',
render: ({ appContent }) => ReactDOM.render(<App appContent={appContent}>, document.getElementById('container')),
activeRule: location => location.pathname.startsWith('/react'),
},
]);
start();
See details:Getting Started
# Community
Github Issue | 钉钉群 |
---|---|
umijs/qiankun/issues |