跳到主要内容
版本：5.x

single-spa-riot

single-spa-riot是一个帮助实现single-spa注册应用生命周期函数(引导、挂载和卸载)的工具库，可与riot一起使用。 仓库地址见single-spa-riot github。

NPM

Build Status

minified

Installation​

npm install --save single-spa-riot

Usage​

import * as Riot from 'riot';
import singleSpaRiot from 'single-spa-riot';
import App from './App.riot'

const riotLifecycles = singleSpaRiot({
  rootComponent: Riot.component(App),
  domElementGetter: () => document.getElementById('#app')
});

export const bootstrap = riotLifecycles.bootstrap;

export const mount = riotLifecycles.mount;

export const unmount = riotLifecycles.unmount;

Options​

在调用singleSpaRiot(opts)方法时，opts 参数会将所有选项传递给single-spa-riot。选项如下：

  • domElementGetter: (必填) 回调函数，返回根组件挂载的元素。
  • rootComponent: (选填，将会替换 appOptions.loadRootComponent) riot根组件。
  • loadRootComponent: (选填，将会替换 appOptions.rootComponent) 一个返回根元素的Promise对象，它对于实现懒加载很有帮助。