微前端 & 微前端实践 & 微前端教程

微前端 micro frontends GraphQL 微前端 & 微前端实践 & 微前端教程

微前端 & 微前端实践 & 微前端教程

微前端

micro frontends

​​https://micro-frontends.org/​​

​​https://github.com/neuland/micro-frontends​​

2016, ThoughtWorks technology radar

​​https://martinfowler.com/articles/micro-frontends.html​​

每个微型前端都独立部署到生产中

每个应用程序应由一个团队拥有

每个服务器都可以独立构建和部署

• Container + SSR

Micro Frontends in Actions

​​https://github.com/xgqfrms/micro-frontends​​

​​https://microfrontends.xgqfrms.xyz​​

实现原理分析

2. iframe, sandbox (完全隔离，不方便通信)
3. Container + SSR (路由分发)
4. js 闭包，namespace
5. web components
6. css in js
7. css modules (命名冲突问题)

​

$ npm i single-spa

qiankun

​ ​

​

---

​​​​

---

---