48 lines
1.4 KiB
Markdown
48 lines
1.4 KiB
Markdown
---
|
||
title: qiankun
|
||
hero:
|
||
title: qiankun
|
||
desc: Probably the most complete micro-frontends solution you ever met🧐
|
||
actions:
|
||
- text: Get Started →
|
||
link: /guide
|
||
features:
|
||
- title: Simple
|
||
desc: Works with any javascript framework. Build your micro-frontend system just like using with iframe, but not iframe actually.
|
||
- title: Complete
|
||
desc: Includes almost all the basic capabilities required to build a micro-frontend system, such as style isolation, js sandbox, preloading, and so on.
|
||
- title: Production-Ready
|
||
desc: Had been extensively tested and polished by a large number of online applications both inside and outside of Ant Financial, the robustness is trustworthy.
|
||
footer: MIT Licensed | Copyright © 2019-present<br />Powered by [dumi](https://d.umijs.org)
|
||
---
|
||
|
||
## 📦 Installation
|
||
|
||
```shell
|
||
$ yarn add qiankun # or npm i qiankun -S
|
||
```
|
||
|
||
## 🔨 Getting Started
|
||
|
||
```tsx
|
||
import { loadMicroApp } from 'qiankun';
|
||
|
||
// load micro app
|
||
loadMicroApp({
|
||
name: 'reactApp',
|
||
entry: '//localhost:7100',
|
||
container: '#container',
|
||
props: {
|
||
slogan: 'Hello Qiankun'
|
||
},
|
||
});
|
||
```
|
||
|
||
See details：[Getting Started](/guide/getting-started)
|
||
|
||
## Community
|
||
|
||
| Github Issue | 钉钉群 |
|
||
| --- | --- |
|
||
| [umijs/qiankun/issues](https://github.com/umijs/qiankun/issues) | <img src="https://gw.alipayobjects.com/mdn/rms_655822/afts/img/A*AdpES5z40LcAAAAAAAAAAABkARQnAQ" width="150" /> |
|