微前端框架 之 qiankun 从入门到源码分析

文章发布于 掘金，通过对比 single-spa，详细分析了 qiankun 框架的源码实现

qiankun（乾坤）

In Chinese traditional culture qian means heaven and kun stands for earth, so qiankun is the universe.

An implementation of Micro Frontends, based on single-spa, but made it production-ready.

📦 Installation

$ yarn add qiankun  # or npm i qiankun -S

📖 Documentation

https://qiankun.umijs.org/

💿 Getting started

This repo contains an examples folder with a sample Shell app and multiple mounted Micro FE apps. To run this app, first clone qiankun:

$ git clone https://github.com/umijs/qiankun.git
$ cd qiankun

Now run the yarn scripts to install and run the examples project:

$ yarn install
$ yarn examples:install
$ yarn examples:start

Visit http://localhost:7099.

✨ Features

• 📦 Based On single-spa
• 📱 Technology Agnostic
• 💪 HTML Entry Access Mode
• 🛡 Style Isolation
• 🧳 JS Sandbox
• ⚡ Prefetch Assets
• 🔌 Umi Plugin Integration

🎁 Acknowledgements

• single-spa What an awesome meta-framework for micro-frontends!
• import-html-entry An assets loader which supports html entry.