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

single-spa-inferno

single-spa-inferno是一个辅助库,通过Inferno帮助实现single-spa注册应用程序生命周期函数(bootstrap, mount and unmount)。查看single-spa-cycle github。查看 single-spa-inferno github

快速开始

首先,在应用程序中执行npm install --save single-spa-inferno。然后在应用程序入口文件中添加以下命令。

import Inferno from 'inferno';
import rootComponent from './path-to-root-component.js';
import singleSpaInferno from 'single-spa-inferno';

const infernoLifecycles = singleSpaInferno({
Inferno,
createElement,
rootComponent,
domElementGetter: () => document.getElementById('main-content'),
});

export const bootstrap = infernoLifecyles.bootstrap;
export const mount = infernoLifecyles.mount;
export const unmount = infernoLifecyles.unmount;

选项

调用single-spa-inferno时,所有选项可以通过opts参数传递给singleSpaInferno。以下选项可用:

  • inferno: (必须) 暴露在窗口的主要Inferno对象,可以通过 require('inferno') or import Inferno from 'inferno引入。
  • createElement: (必须) 默认导出Inferno的inferno-create-element包。
  • rootComponent: (必须) 最上层Inferno组件会被渲染。
  • domElementGetter: (必须)一个不带任何参数并返回DOMElement的函数。这个dom元素可以作为Inferno应用程序bootstrapped、mounted和unmounted操作的地方。