跳转到主文档

runtime.masterApp

适用的工程方案
  • MWA
  • 类型: Object
提示
export declare type Config = Partial<GarfishOptions> & {
manifest: {
modules: Array<{
name: string;
entry: string;
activeWhen?: string;
}> | string;
};
LoadingComponent?: React.ComponentType | React.ElementType;
};

manifest

  • 类型:modules: Array<{ name: string; entry: string; activeWhen?: string; }> | string;
  • 默认值:null

modules

modules 为对象类型的时候,表示子应用模块的信息。

  • name: 子应用的名称。
  • entry: 子应用的入口。
  • activeWhen?: 子应用激活路径。

modulesstring 时,是一个 url 地址,请求该地址可以拿到和 modules 对象格式一样的数据结构。

LoadingComponent

  • 类型: React.ComponentType | React.ElementType
  • 默认值 null

当加载或切换子应用的时候,加载的过渡动画。

LoadingComponent 需要通过 defineConfig 配置。

import { defineConfig } from '@modern-js/runtime';

function App() {
...
}

defineConfig(
App,
{
masterApp: {
LoadingComponent: () => {
return <div>loading...</div>
}
}
}
)