umijs / qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.
https://qiankun.umijs.org
MIT License
15.6k stars 2k forks source link

主应用是ant-design-pro 4.0.0,如何按照qiankun的方式注册子应用呢? #2915

Open kgloveyou opened 4 months ago

kgloveyou commented 4 months ago

在qiankun的快速上手部分(https://qiankun.umijs.org/zh/guide/getting-started#%E4%B8%BB%E5%BA%94%E7%94%A8),

  1. 在主应用中注册微应用
    
    import { registerMicroApps, start } from 'qiankun';

registerMicroApps([ { name: 'react app', // app name registered entry: '//localhost:7100', container: '#yourContainer', activeRule: '/yourActiveRule', }, { name: 'vue app', entry: { scripts: ['//localhost:7100/main.js'] }, container: '#yourContainer2', activeRule: '/yourActiveRule2', }, ]);

start();


这些应该在程序的入口文件中写,但是ant-design-pro 4.0.0没有找到类似的入口文件,应该写在哪里呢?

在线仓库,https://github.com/kgloveyou/my-antd-app-complete
github-actions[bot] commented 4 months ago

由于缺乏足够的信息(github、stackblitz、codesandbox等可复现仓库),我们暂时关闭了该 Issue。请修改(不要回复) Issue 提供最小重现以重新开启。谢谢。如果只是单独的技术咨询,可移步 https://qiankun.umijs.org/#-community 交流~

gongshun commented 4 months ago

ant-design-pro 用的是 umi,用 umi 的 plugin-qiankun 就行了

文档:https://v3.umijs.org/plugins/plugin-qiankun

参考demo:https://github.com/gongshun/qiankun-ant-design-pro-demo

kgloveyou commented 4 months ago

ant-design-pro 用的是 umi,用 umi 的 plugin-qiankun 就行了

文档:https://v3.umijs.org/plugins/plugin-qiankun

参考demo:https://github.com/gongshun/qiankun-ant-design-pro-demo

我的子应用是cra项目,主应用还能用umi qiankun的方式写吗?

qiYuei commented 4 months ago

可用 loadMicroApp 的方式手动加载微应用 文档: https://qiankun.umijs.org/zh/api#loadmicroappapp-configuration