wujie.addMicroApp 方法详细说明

在 wujie 微前端架构中，wujie.addMicroApp 方法用于注册微应用。这个方法允许你定义微应用的名称、入口地址、容器选择器、激活规则等配置。以下是 wujie.addMicroApp 方法的详细说明和使用示例：

wujie.addMicroApp 方法详细说明

参数：

• config：一个对象，包含微应用的配置信息。

config 对象属性：

• name：{string} 微应用的名称，唯一标识。
• entry：{string} 微应用的入口地址，可以是绝对路径或相对路径。
• container：{string} 微应用挂载的容器选择器。
• activeRule：{string or function} 微应用激活的路由规则。
• preload：{boolean} 是否预加载微应用，默认为 false。
• load：{function} 加载微应用的函数，可以自定义加载逻辑。

使用示例

// 在主应用中注册微应用
import { start, addMicroApp } from 'wujie';

// 注册第一个微应用
addMicroApp({
  name: 'app1',
  entry: '//localhost:7000',
  container: '#micro-app-container',
  activeRule: '/app1',
  preload: true, // 开启预加载
});

// 注册第二个微应用
addMicroApp({
  name: 'app2',
  entry: '//localhost:8000',
  container: '#micro-app-container',
  activeRule: '/app2',
  preload: true, // 开启预加载
});

// 启动应用
start();

在这个示例中，我们使用了 wujie.addMicroApp 方法来注册两个微应用 app1 和 app2。每个微应用都配置了名称、入口地址、容器选择器和激活规则。此外，我们还开启了预加载功能，这样微应用会在主应用启动时自动加载。

请注意，wujie.addMicroApp 方法需要在 wujie.start 方法之前调用，以确保微应用在主应用启动时被正确注册和加载。

这个示例展示了如何在 wujie 微前端架构中使用 wujie.addMicroApp 方法来注册和预加载微应用。你可以根据实际项目需求调整配置项。更多关于 wujie 的详细信息和高级用法，可以参考 wujie 的官方文档。