@fishx/umi-uportal
TypeScript icon, indicating that this package has built-in type declarations

0.1.1 • Public • Published

umi框架集成进 uportal 插件

使用方式

  • 在需要集成进 uportal 的 umi 工程中安装 @fishx/umi-uportal

    $ yarn add @fishx/umi-uportal
  • 修改 umi 工程的 .umirc 配置文件

  1. 开启缓存路由功能
    export default {
      history: 'memory',
    }

开启缓存路由的目的是为了防止子工程集成进 uportal 之后,子工程路由的切换会影响主工程的路由。

  1. 配置插件
    export default {
      plugins: [
        ['@fishx/umi-uportal', {
          integrateName: 'ucc2',
          fileList: [
            '/ipcc/socket.io.min.js',
            '/ipcc/PubSub.js',
            '/ipcc/agent-client-7.2.6.1.js',
            '/ipcc/adapter.min.js',
            '/janus/janus.js',
            '/umi.js',
            '/umi.css',
          ]
        }]
      ],
    }
插件需要传入两个参数,`integrateName` 和 `fileList`:
-  `integrateName` 
   用来指定挂载到 window 对象上的对象,这个对象上面会提供一个 render 方法,传入指定的id选择器,就可以调用该方法在指定的id容器内渲染出umi的内容。

uportal打开新标签的时候正是通过window[integrateNmae].render(selector) 的方式来渲染umi工程的。

Readme

Keywords

none

Package Sidebar

Install

npm i @fishx/umi-uportal

Weekly Downloads

2

Version

0.1.1

License

MIT

Unpacked Size

25.1 kB

Total Files

12

Last publish

Collaborators

  • whalecloud-developer