@pansy/qiankun-react-shared v1.3.0

为 React 项目提供接入 Qiankun 的能力

📦 安装

npm install @pansy/qiankun-react-shared --save

yarn add @pansy/qiankun-react-shared

pnpm i @pansy/qiankun-react-shared

🔨 示例

全局配置

import { QiankunConfig } from '@pansy/qiankun-react-shared';

const apps = [
  {
    name: 'subapp',
    entry: '//localhost:9301',
  }
];

<QiankunConfig apps={apps}>
  <BrowserRouter>
    <Router />
  </BrowserRouter>
</QiankunConfig>

路由配置

react-router-dom > 6.4.0

import { MicroApp } from '@pansy/qiankun-react-shared';

const routes = [
  {
    path: '/',
    element: <Navigate to="/home" />
  },
  {
    element: <BasicLayout />,
    children: [
      {
        path: 'home',
        element: <Lazy entry={() => import('@/pages/home')} />,
      },
      {
        path: 'subapp/*',
        element: (
          <MicroApp
            name="subapp"
          />
        ),
      },
    ],
  }
];