# vue-qiankun

**Repository Path**: lyonup/vue-qiankun

## Basic Information

- **Project Name**: vue-qiankun
- **Description**: 微前端框架qiankun、single-spa、micro-app等在vue、react项目中的实践
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2024-08-16
- **Last Updated**: 2024-08-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目说明

基于 `qiankun` `single-spa` `micro-app`的微前端应用，具体注意事项参考每个工程下`README.md`

## 分支管理

`master`主分支，主项目vue技术栈集成vue、react、jquery子应用的基于qiankun的微前端基础示例；

`qiankun`基于master分支扩展，主应用vue集成vue、react等子应用，使用qiankun更多的API实现数据传递，数据隔离样式隔离等功能；

`single-spa`基于master分支扩展，移除qiankun使用single-spa，主应用vue集成子应用vue、react的微前端基础示例；

`single-spa-react`基于master分支扩展，移除qiankun使用single-spa，主子应用均为react的微前端基础示例；

`micro-app`基于master分支扩展，移除qiankun使用京东开源框架micro-app，主应用vue集成子应用vue、react的微前端基础示例;

## 启动项目

``` bash
cd main-project
# 查看当前分支下main-project的package.json是否配置start-all一键启动命令，没有则需要单独启动每一个应用
npm run start-all
```

## 端口号管理

8100端口开始依次往后面扩展

主应用 - `8100`

子应用vue - `8101`

子应用react - `8102`