在你决定 clone 项目的时候,希望你可以帮我点个 ⭐,这将对我是极大的鼓励。
基于 qiankun+vue2.0 技术栈实现的前端微应用架构,实现了动态路由(所有路由均使用 history 模式)、主子应用以及子子应用之间的通信,并做了简单的自动化脚本命令,可用一行命令所有子应用的依赖安装、启动以及打包部署。
开源该 demo 的目的,只是想为大家在使用 qiankun 时提供一种思路。
关于问题,请使用issues或加微信 lizhijie429
包内容简介: 所有子应用都需要对主应用下发的数据进行接收及处理、如果数据修改则通知到其他应用以及对主应用下发的路由数据进行处理,因为这些逻辑完全一样,因此将这些实现逻辑提取为一个 npm 包统一管理。
npm 地址:qiankun-vue2-common - npm (npmjs.com)
gitee 源码地址:qiankun-vue2-common
实现的功能: 在 vuex 中动态添加了 global 模块及 routes 模块;
项目克隆
git clone https://gitee.com/lizhijie429/qiankun-vue2.0.git
依赖安装
依赖安装采用pnpm,具体使用文档请查阅pnpm官网
cd qiankun-vue2.0
pnpm install
项目启动
cd qiankun-vue2.0
pnpm run start
升级依赖 qiankun-vue2-common
cd qiankun-vue2.0
pnpm run update
关于 qiankun 项目打包编译请查看文档:入门教程 (umijs.org) demo 将主应用和微应用部署到同一个服务器(同一个 IP 和端口),其他部署方式请自行查看官网文档。
打包编译
cd qiankun-vue2.0
pnpm run build
本地部署测试(请使用nginx进行部署测试)
如果觉得 qiankun-vue2.0 这个 demo 为你提供了不错的思路,或者已经在使用了,希望你可以帮我点个 ⭐ ,这将对我是极大的鼓励。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型