wl-micro-frontends [wl-qiankun]
本项目采用vue + qiankun实践微前端落地。同时qiankun是一个开放式微前端架构,支持当前三大前端框架甚至jq等其他项目无缝连接。此项目为了尽快的简单易上手,以及方便文章讲解,大部分逻辑都在主应用和子应用的main.js来回施展,实际项目应用可不要如此粗暴,要有优雅的架构设计。
微前端进阶实战项目:基于vue3.0-beta及qiankun2.0极速尝鲜!
项目启动
npm run cinit
npm run init
下载依赖,因为是批量下载所有应用下的依赖,推荐cinit节省下载时间
npm run serve
运行项目,同样,批量运行所有应用会耗时较久,浏览器页面自动打开后请稍家等待,然后刷新即可
npm run build
打包项目,打包所有应用
微前端
微尖端是什么,为什么要做微尖端,qiankun是什么这些笔者将不再叙述。(文末有彩蛋〜)传送门:& 下面直接进入实战教程。
实战教程目录详解
鉴于qiankun文档只有很少少数行,这里做一个尝试详细的实战示例描述:
微前端主应用与子应用如何构建
主应用
1