qiankun 传统项目配置_qiankun配置父子应用及挂载问题

这两天研究了下qiankun这个微前端实现，正好写了两个项目用的是umi且是父子应用关系，之前的方式是在主应用添加iframe将子应用引进来，现在想通过改造成qiankun来将两个应用联系起来，顺便试试这个库。

事先说明父应用umi版本为2.9.0，子应用umi版本为2.10.0。

具体操作是父子应用均通过yarn add @umijs/plugin-qiankun添加qiankun插件，package.json没有name字段的需加上，父应用.umirc.ts添加如下：

const config:IConfig = {

...,

routes: [

...,

{

path, '/app' // 这里是子应用的路由

}

plugins: [

...,

[

'@umijs/plugin-qiankun',

{

master: {

apps: [

{

name: 'app',

entry: '//localhost:9090',

base: '/app',

history: 'browser',

mountElementId: 'root-slave', // 注意这里是子应用要挂载在父应用上的节点id

}

jsSandBox: true,

prefetch: true,

}

]

qiankun 传统项目配置_qiankun配置父子应用及挂载问题相关推荐

qiankun 传统项目配置_微前端 qiankun 项目实践
原标题:微前端 qiankun 项目实践作者:zxh1307 https://juejin.im/post/5ea55417e51d4546e347fda9 导语最近在做微前端的项目 , 过程中真 ...
qiankun 传统项目配置_前端微服务
见内容解决的问题常见讨论观点:微前端的核心价值在于 "技术栈无关" 微前端的公司,基本上都是做 ToB 软件服务的,没有哪家 ToC 公司会有微前端的诉求,因为很少有 ToC ...
qiankun 传统项目配置_飞猪微前端实践：统一运营工作台的解决方案-阿里云开发者社区...
作者:侑夕飞猪一体化运营工作台一期工作经过 3 个月的开发终于内部开始使用,期间我们面向运营场景,基于微前端与 SDK 化的一体化集成方案,完成 4 大场景 10 余个平台的接入和配置打通,并对数百 ...
qiankun 传统项目配置_Javaweb 500 服务器内部错误的解决
如下所示: java jdk版本问题,假如你自己电脑运行正常,那你配置服务器环境的时候,jdk也要换成和你自己电脑一样的版本,我的是jdk8,我已经完美的解决了. 补充知识:JavaWeb:WEB服务 ...
tomcat8 启动项目pom.xml配置
tomcat8 启动项目pom.xml配置 <build><finalName>WebTest</finalName><plugins><plug ...
Cocoapods警告 - CocoaPods没有设置项目的基本配置，因为您的项目已经有自定义配置集
本文翻译自:Cocoapods Warning - CocoaPods did not set the base configuration of your project because becau ...
Eclipse如何导入maven项目，以及配置maven
Eclipse如何导入maven项目,以及配置maven 一.准备工作 1. eclipse,安装了eclipse 2. 一个需要导入的maven项目 3. 下载好了的压缩包apache-maven- ...
【OkHttp】Android 项目导入 OkHttp ( 配置依赖 | 配置 networkSecurityConfig | 配置 ViewBinding | 代码示例 )
OkHttp 系列文章目录 [OkHttp]OkHttp 简介 ( OkHttp 框架特性 | Http 版本简介 ) [OkHttp]Android 项目导入 OkHttp ( 配置依赖 | 配置 ...
【Android NDK 开发】在 C 代码中获取 Android 系统信息 ( NDK 项目创建 | NDK 配置 | 获取 Android 系统版本号 )
文章目录 I . 创建 NDK 项目 II . NDK 项目相关配置 III . NDK 中获取 Android 版本号 IV . 使用 __system_property_get 可获取的参数 I ...

qiankun 传统项目配置_qiankun配置父子应用及挂载问题

qiankun 传统项目配置_qiankun配置父子应用及挂载问题相关推荐

最新文章

热门文章