【源码】基于qiankun框架的微应用集成系统

项目简介

本项目基于qiankun微前端框架构建，可将复杂大型应用拆分成多个独立子应用。适合团队项目中人员技术栈不同的情况，各子应用能采用不同技术栈开发，集成后不影响整体使用体验。

项目的主要特性和功能

1. 以qiankun作为微前端框架，可实现子应用的注册、加载及卸载操作。
2. 支持Vue和React等多种类型子应用，子应用可独立开发、部署与运行。
3. 基座应用采用Vue框架，搭配Element UI组件库，提供基础页面布局和导航功能。
4. 子应用可通过配置完成注册，实现动态加载与卸载。
5. 支持Browser类型的路由，便于子应用的开发与集成。

安装使用步骤

1. 确保已安装Node.js和npm或yarn。
2. 已下载项目源码文件。
3. 在项目根目录下，执行npm install或yarn install安装依赖。
4. 创建基座应用：使用Vue脚手架创建qiankun-base项目，命令为vue create qiankun-base。
5. 创建子应用：分别用Vue和React脚手架创建qiankun-vue和qiankun-react项目。
6. 在基座应用的main.js中配置子应用的入口、容器和激活规则。
7. 在子应用中配置入口文件，实现bootstrap、mount和unmount生命周期函数。
8. 配置webpack，设置output中的library和libraryTarget属性。
9. 分别启动基座应用和子应用，保证子应用支持跨域访问。
10. 访问基座应用的入口页面，即可看到子应用的加载和展示。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】