qiankun 是一个基于 single-spa 的微前端实现库，是目前主流微前端解决方案之一。本文是对使用 qiankunReact 搭建微应用demo的一个实践以及踩坑记录。 搭建基座 使用 React 脚手架搭建项目，作为基座 npx create-react-app qiankun-base安装 qiankun …

目录 一：打包（npm run build） 二：变成合法的包（新建server文件夹） 三：一路回车 四：新建服务器主文件 五：编辑server.js 六：node server启动服务器 七&a…

保姆级搭建qiankun教程 ==> hello world级别搭建，不包含应用间通信之类的 本文经过本人按照qiankun文档==>项目实践书写，主要记录一下在搭建过程中遇到的问题 因为react-scripts 高于版本4所造成的npm i -D @rescripts/cli安装失败解决办法 将react-scripts版本降到2～…

微前端，qiankun的简单搭建（仅限开发环境，没验证过生产环境） 主应用 1使用react搭建基座应用reactmain create-react-app reactmain2.安装qiankun npm i qiankun -S3.删除没有用的文件 4.添加路由，运行程序 npm i …

1、主应用配置 1.1 安装qiankun插件 yarn add umijs/plugin-qiankun -D 1.2 在主应用中配置子应用 在配置文件config中配置qiankun相关参数 //config.tsimport micro from ./micro;const { REACT_APP_ENV } process.env;export default defineConfig({qiankun: micro[REAC…

Flask是一个Python编写的Web 微框架，让我们可以使用Python语言快速实现一个网站或Web服务。本文参考自Flask官方文档，大部分代码引用自官方文档。 安装Flask 首先我们来安装Flask。最简单的办法就是使用pip。 pip install flask 然后在pycharm中创建f…

Micro-frontend,微前端，顾名思义，前端也可以像后端一样通过多个微服务，搭建项目。只是后端的微服务架构是Spring Boot, 而前端我们可以使用qiankun实现前端的微服务架构。轻松现实大型项目的迭代重构升级以及拓展，不受牵一发而动全…

目录 1 创建应用2 从模板创建页面3 配置导航菜单4 配置生效设置账号总结 日常在业务场景中，搭建管理后台是很常见的场景。如果是使用纯代码开发需要本地搭建开发环境，搭建脚手架，应用开发好了之后需要导出部署包，将部署包发布到服…