@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

1. TapName: PLUGIN_SOURCE_ENTRY_CREATE_CONTAINER_TAP 创建容器
2. TapName: PLUGIN_SOURCE_ENTRY_TAP 加载资源文件
3. TapName: PLUGIN_SOURCE_ENTRY_UPDATE_LIFECYCLE_TAP 重写应用生命周期函数

mountApp

1. TapName: PLUGIN_SOURCE_ENTRY_RENDER_CONTAINER_TAP 渲染容器
2. TapName: PLUGIN_SOURCE_ENTRY_EXEC_SOURCE_TAP 执行资源文件
3. TapName: PLUGIN_SOURCE_ENTRY_EXEC_LIFECYCLE_TAP 执行应用 mount 生命周期函数

unmountApp

1. TapName: PLUGIN_SOURCE_ENTRY_EXEC_LIFECYCLE_TAP 执行应用 unmount 生命周期函数
2. TapName: PLUGIN_SOURCE_ENTRY_REMOVE_CONTAINER_TAP 销毁容器

loadSource

无内部监听

execSource

1. TapName: PLUGIN_SOURCE_ENTRY_TAP 创建 link 或 script 运行资源文件