@umijs/plugin-qiankun 主应用如何配置
时间: 2023-12-29 15:03:04 浏览: 185
手动解决Cannot find module '@sentry/webpack-plugin'等问题
5星 · 资源好评率100%
@umijs/plugin-qiankun 是一个适用于 UmiJS 的插件,它可以帮助你快速地实现基于 qiankun 的微前端架构。如果你想在你的主应用中使用 @umijs/plugin-qiankun,你需要进行以下几个步骤:
1. 安装 @umijs/plugin-qiankun:
```
npm install @umijs/plugin-qiankun --save-dev
```
2. 在你的主应用的 config/config.ts 或 config/config.js 中配置 @umijs/plugin-qiankun 插件:
```
export default {
plugins: [
'@umijs/plugin-qiankun',
],
qiankun: {
master: {
apps: [
{
name: 'app1',
entry: '//localhost:8001',
},
{
name: 'app2',
entry: '//localhost:8002',
},
],
},
},
};
```
3. 使用 @umijs/plugin-qiankun 提供的 qiankun.ts API 实现微前端的注册和启动:
```
import { registerMicroApps, start } from 'qiankun';
const apps = [
{
name: 'app1',
entry: '//localhost:8001',
},
{
name: 'app2',
entry: '//localhost:8002',
},
];
registerMicroApps(apps);
start();
```
以上是在你的主应用中使用 @umijs/plugin-qiankun 的基本配置方法。你可以根据你的实际需求进行更多的配置和定制。
阅读全文