micro-manage

基于微前端框架qiankun的微前端管理平台,

安装

# 安装主应用和所有子应用的依赖
yarn install

开始

yarn start

打包

# 打包主应用和所有子应用
yarn build
# 打包单个子应用，例如打包platform
yarn build:platform

子应用配置

1. 在api.config.ts中添加新的子应用配置，例如：

export const microAppList = [
  ...,
  {
    name: '消息管理',
    code: 'manage-message',
  },
  {
    name: 'xxx管理',
    code: 'manage-xxx',
  },
]

2. 在micro文件夹下复制子应用示例，文件名改为自己的子应用名，与上面[新增子应用名称]保持一致，在子应用目录下全局搜索[__NAME__]，直接替换为[新增子应用名称]

3. 修改复制后的子应用的vite.config.ts中的端口，可查看microPort.ts来确定端口号

server: {
  ...
  port: 0000,
  ...
}

4. 在最外层的package.json中添加新增子应用的start、install、build

5. 执行命令

yarn install:[新增子应用名称]
yarn start