0.3.1 • Published 1 year ago
@versea/plugin-source-entry v0.3.1
@versea/plugin-source-entry
自动生成注册应用的 loadApp 配置。
安装
npm install --save @versea/versea @versea/plugin-source-entry
使用
import { Versea } from '@versea/versea';
import { IPluginSourceEntry } from '@versea/plugin-source-entry';
const versea = new Versea({ defaultContainer: '#microApp' });
versea.use(IPluginSourceEntry);
// 注册子应用
versea.registerApps([
{
name: 'subApp',
routes: [
{
path: 'sub-app',
pathToRegexpOptions: {
end: false,
},
},
],
scripts: [
'http://localhost:3000/static/js/bundle.js'
],
},
]);
// 在合适的时机启动 versea
void versea.start();
Hooks
本插件新增的所有 Hook 和内部监听者名称。
loadApp
- TapName: PLUGIN_SOURCE_ENTRY_CREATE_CONTAINER_TAP 创建容器
- TapName: PLUGIN_SOURCE_ENTRY_TAP 加载资源文件
- TapName: PLUGIN_SOURCE_ENTRY_UPDATE_LIFECYCLE_TAP 重写应用生命周期函数
mountApp
- TapName: PLUGIN_SOURCE_ENTRY_RENDER_CONTAINER_TAP 渲染容器
- TapName: PLUGIN_SOURCE_ENTRY_EXEC_SOURCE_TAP 执行资源文件
- TapName: PLUGIN_SOURCE_ENTRY_EXEC_LIFECYCLE_TAP 执行应用 mount 生命周期函数
unmountApp
- TapName: PLUGIN_SOURCE_ENTRY_EXEC_LIFECYCLE_TAP 执行应用 unmount 生命周期函数
- TapName: PLUGIN_SOURCE_ENTRY_REMOVE_CONTAINER_TAP 销毁容器
loadSource
无内部监听
execSource
- TapName: PLUGIN_SOURCE_ENTRY_TAP 创建 link 或 script 运行资源文件