本人使用umijs/max搭建项目(内置了qiankun插件)
主应用
.umirc.ts中defineConfig
qiankun: {
master: {
apps: [
{
name: 'app1',
entry: '//localhost:8000',
},
],
},
},
routes: [
{
path: '/',
redirect: '/home',
},
{
name: 'app1',
path: '/app1',
microApp: 'app1',
},
],
子应用
.umirc.ts中defineConfig
qiankun: {
slave: {},
},
package.json中
安装
yarn add cross-env
写子应用的id并且规定子应用打开的端口
"name": "app1",
"dev": " cross-env PORT=8000 max dev",
主应用我的端口是8001:http://localhost:8001/app1(便可以查看微应用)
其他配置参照官网