保姆级搭建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 配置生效设置账号总结 日常在业务场景中，搭建管理后台是很常见的场景。如果是使用纯代码开发需要本地搭建开发环境，搭建脚手架，应用开发好了之后需要导出部署包，将部署包发布到服…

最近公司来了个项目，运行起来后，控制台报错，说是找不到“XXXXX”模块，让检查拼写错误之类的。 很郁闷，仔细检查项目，发现在main.js文件中引入了一个新的组件，之前没见过， import s…

前言 小伙伴们大家好。前一篇文章跟大家分享了一些关于微前端的知识点，包括什么是微前端，为什么要用微前端以及如何实现一个微前端，在文章的最后我们还提到了能够实现微前端的两个库：single-spa和qiankun。今天我们就一qiankun+vue为例来实现一个简单的微前端。 qiankun是什…