主题颜色

子应用 - tvt.js

此部分介绍如何将tvt.js作为子应用集成到自己得主应用中

tvt.js已经自动qiankun集成，故只需更新tvt.js的代码到最新以及更新依赖

TIP

tvt.js作为子应用预览地址: cos.icegl.cn/TvT.js/theBasic#/plugins/qiankunTvt/theBasicopen in new window

子应用的配置说明：

页面路由的匹配

tvt.js中所有页面都可以嵌入主应用中的路由路径进行展示
tvt.js中的页面路径和主应用路由设置中的 microPath 字段一一对应即可，若是其他主应用，请参考主应用的路由增加配置章节

例如: qiankunTvt的简单实例这个页面

对应的子应用的地址：/#/plugins/qiankunTvt/theBasic
对应主应用的路由配置：

const tvtRouter = {
  path: '/TvT.js',
  children: [
    {
      path: 'theBasic',
      name: 'TvTtheBasic',
      meta: { isMicro: true, microPath: 'plugins/qiankunTvt/theBasic' },
    }
  ]
}

若对应的主应用路由不是自动化配置的，可以直接写成：

history.pushState(null, '/TvT.js/plugins/qiankunTvt/theBasic', '/TvT.js/plugins/qiankunTvt/theBasic')

TIP

之前主应用配置的 activeRule: '/TvT.js' 对应本tvt.js项目中package.json的 "name": "TvT.js"，故此部分无需再设置

本页目录