本项目采用 vue + qiankun 实践微前端 暂未接入react文档 有需要可以给个star 会及时更新
文档采用最原生的vue,并未做任何改动,仅仅新增了几个路由,为了不误导新手,基本0css,很少多余js
同时qiankun是一个开放式微前端架构,支持当前三大前端框架甚至jq等其他项目无缝接入。
微前端是什么、为什么要做微前端、qiankun是什么这些笔者将不再叙述。
传送门:可能是你见过最完善的微前端解决方案 & qiankun
下面直接进入实战教程。
鉴于qiankun文档只有少少的十几行,而且不完整,所以我自己动手搭建一给 仅供小白参考~ 另本项目作为长期构建项目,并不限于本文所讲基础应用,但与微前端构建太大相关的不再一一说明,有兴趣clone一一探查。
工程结构
micro-repo
|-----------app1
|
|-----------app2
|
|-----------app3
|
|-----------public-lib(只是作为中继站的类型同步三个app内的public-lib)
使用说明 app1到app3都需要 npm install
然后全部
npm serve
跑起来 顺序无所谓
打开http://localhost:8080/ 就可以看到效果了
未开发完成同步更新,带你领略不一样的微前端
下次新增
react环境 传参 页面跳转 有具体的实现页面~
有感想兴趣,可以加前端Q群:981047698 互相学习