umijs / qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.

Home Page:https://qiankun.umijs.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

kgloveyou opened this issue · comments

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

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

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

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

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

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的方式写吗?

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