微前端qiankunvite 第3页

前端微服务化解决方案7 - 静态数据共享

在前面的一些介绍,相信你对微前端已经有了一个相对完整的认知.下面介绍一下,再开发过程中我的一些小技巧与处理方法.动态入口当有新的子模块会挂载到项目中的时候,在UI中肯定需要一个新的入口进入子模块的UI.

Hello丶Alili·2023-12-01 08:18

umi2升级到umi3

umi2升级到umi3最近公司准备搞微前端，为了能能更好的适配qiankun,打算把公司用umi2写的老项目升级到umi3.5,在升级的过程中也遇到了非常多的问题文章目录umi2升级到umi3前言一、先按照官方文档进行升级二

前端架构师_555·2023-11-30 12:58

微前端框架之 single-spa 从入门到精通

当学习成为了习惯，知识也就变成了常识。感谢各位的点赞、收藏和评论。新视频和文章会第一时间在微信公众号发送，欢迎关注：李永宁lyn文章已收录到github，欢迎Watch和Star。简介从基本使用->部署->框架源码分析->手写框架，带你全方位刨析single-spa框架前序目的会使用single-spa开发项目，然后打包部署上线刨析single-spa的源码原理手写一个自己的single-spa框

李永宁_lyn·2023-11-29 10:37

「实践篇」解决微前端 single-spa 项目中 Vue 和 React 路由跳转问题

前言本文介绍的是在做微前端single-spa项目过程中，遇到的Vue子应用和React子应用互相跳转路由时遇到的问题。

我不是大熊哦·2023-11-27 06:27

无星的微前端之旅（二）—— qiankun的一些预知项

这里是一些很浅很浅的东西，大佬们不要喷我=。=。qiankun将应用分为两种：主应用，微（子）应用一.主应用是一个基座主应用是一个基座，承载着各个子应用。主应用负责各个应用之间的加载，通信和调度。带都说，这是微服务在前端的应用，不过我没做过服务端，对微服务不是很了解，因此不敢乱说。我只做过客户端，从客户端的角度来看，这看上去就类似于iOS的组件化。将模块解耦后，通过主工程进行加载调用。这样一来有客

无星灬·2023-11-26 13:19

为了实践微前端，重构了自己的导航网站

笔者早期开发了一个导航网站，一直想要重构，因为懒拖了好几年，终于，在了解到微前端大法后下了决心，因为工作上一直没有机会实践，没办法，只能用自己的网站试试，思来想去，访问量最高的也就是这个破导航网站了，于是用最快的时间完成了基本功能的重构

街角小林2·2023-11-25 21:46

vue2项目从0搭建(三):配置环境变量及对应的webpack配置

比如:常规开发环境,开发测试环境,正式的测试环境,预发测试环境,客户甲的生产环境,客户乙的生产环境,通用生产环境,独立应用环境,微前端环境,大屏专用环境,移动端环境。

青阳流月·2023-11-25 11:44

【前端微服务】qiankun

public-path修改main.js项目内通信qiankun全局通讯全局组件使用父子项目store公用主项目传递全局参数关于vite打包技术栈：vue3、typescript、qiankun(阿里的微前端框架

齐·2023-11-25 04:19

qiankun微前端主子应用通信方案

一、概念目前有关微前端通信的方案无非两种：使用qiankun提供的api-initGlobalState进行通信；通过在主、微应用中定义状态管理类的方式进行通信；下面我们就第一种方案进行详细讲解，毕竟官方提供了实现方案

山东彭于晏丶·2023-11-25 04:48

Vue + qiankun 快速实现前端微服务

一、前言什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently

何欢小星星·2023-11-25 04:47

【微前端】qiankun

专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3一、qiankun是什么qiankun是一种前端微服务架构，旨在解决大型复杂应用的拆分和管理问题。

逛街的猫啊·2023-11-25 04:47

【qiankun+vue】微前端子应用之间的通信方式总结

适用场景：适合业务划分清晰，比较简单的微前端应用，一般来说使用第一种方案就可以满足大部分的应用场景需求。

code_源源·2023-11-25 04:17

微前端qiankun一步步教你做个超级无敌简单吊炸天的小栗子，不会你来打我

开始之前想问几个问题：什么是微前端？有哪几种常见的解决方案？为什么要是使用微前端，有什么样的场景使用微前端？qiankun方案怎么实现微前端？

背太阳的牧羊人·2023-11-20 14:58

qiankun的微实践--初步挂载demo1.0

自己近期仿照qiankun官方demo做了个小型的微前端demo尝鲜，主应用用的vue3.0框架，分别创建了react17版本，react16版本、vue2.0版本等子应用。

等不到戈多了·2023-11-19 10:47

探讨基于@umijs/plugin-qiankun搭建的微应用的父子应用通讯方式

承接上篇文章（如何使用@umijs/plugin-qiankun搭建微前端项目）后续，下面我们探讨一下父子应用通讯的几种实现方式。

GEAs·2023-11-19 05:26

微前端架构实战上-概念篇

如何实现多个应用之间的资源共享？之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻辑模块或者其他是可复用的，便抽离出来以npm包的形式进行管理和使用。但这样却带来了以下几个问题：发布效率低下。如果需要迭代npm包内的逻辑业务，需要先发布npm包之后，再每个使用了该npm包的应用都更新一次npm包版本，再各自构建发布一次，过程繁琐。如果涉及到的应用更多的话，花费的人力

西岭老湿·2023-11-16 13:19

微前端-qiankun-落地指北

微前端框架-乾坤的实际落地使用方式微前端是什么？一个针对前端大型，超大型项目遇到项目运维，开发瓶颈的解决方案微前端针对谁？大型或者超大型前端项目怎么理解微前端？

南麟剑首·2023-11-16 13:45

微前端应用及基于qiankun的微前端实践

gitee.com/dongche/yl-qiankun-base.gityl-qiankun-child-vue:https://gitee.com/dongche/yl-qiankun-child-vue.git微前端概念起源微前端概念最早其实是借鉴了微服务的概念

东扯葫芦西扯瓜·2023-11-16 13:45

[微前端实战]---036 react16 - 新车排行登录

小李科技·2023-11-16 13:44

2022年了你必须要学会搭建微前端项目及部署方式

一、微前端简介微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。

程序员poetry·2023-11-16 13:42

微前端乾坤

1.乾坤简介qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统官网：https://qiankun.umijs.org/zh/guide2

alisaGreen·2023-11-16 13:40

【微前端】micro-app搭建项目实战

主应用1、安装依赖npmi@micro-zoe/micro-app--save2、初始化micro-appimportmicroAppfrom‘@micro-zoe/micro-app’microApp.start()项目环境vue3+ts主应用实例//main.ts1.引入插件importmicroAppfrom‘@micro-zoe/micro-app’2.初始化插件microApp.star

咸蛋超人l·2023-11-16 13:35

了解什么是微前端

一、简介微前端这个术语最初来自2016年的ThoughtWorks技术雷达，说到微前端，这里不得不首先提出另一个概念“微服务”。

管小姐的斐波那契·2023-11-16 11:57

前端微服务qiankun基础使用

什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently

duansamve·2023-11-16 11:19

微前端 Micro-Frontends - 概念

微前端Micro-Frontends-概念什么是微前端？（what）微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

Felix皇子·2023-11-16 11:46

什么是Vue的前端微服务架构（Micro Frontends）？

微前端（Micro-frontends）的主要理念是切分你的大应用到更小的、自治的应用中，让每个单个功能能够

一花一world·2023-11-16 11:12

前端网关踩坑实践

，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信

维李设论·2023-11-16 00:06

基于 qiankun 的微前端应用实践

业务背景云音乐广告Dsp（需求方平台）平台分为合约平台（Vue框架）和竞价平台（React框架），因历史原因框架选型未能统一，最近来了新需求，需要同时在两个平台增加一样的模块，因为都是Dsp平台，后期这样的需求可能会很多，所以考虑到组件复用以及降低维护成本，在想怎么统一技术栈，把React系统塞到Vue项目中进行呈现。系统是传统的左右布局，左侧侧边栏展示菜单栏，头部导航展示基础信息，应用内容全部填

hellozhxy·2023-11-15 13:49

微前端qiankun vue react项目demo 以及vue项目和react项目之间的参数传递和实现微前端项目之间token免登

umi+umi内置qiankun插件，基座和子应用的路由跳转和路由配置以及动态路由配置在react项目还有vue项目中，我们被一种思想所固化，我相信现在还有很多人觉得路由就是左边菜单栏显示的菜单。但是这是错误的，这一个非常严重的误区，也是我在react作为基座的时候一直困扰我的一个点。菜单和路由不应该完全的关联起来，二者没有必然的联系，在vue的框架中我们只需要配置了对应的router,对用的菜单

故梦梦·2023-11-15 09:51

2023年最新的前端面试收集（1）

浪里小韭菜·2023-11-14 00:43

一文读懂微前端

singleDoc#《微前端》本文使用的参考文档均以链接方式粘贴于文章内，十分感谢~2项目github链接如果你觉得本文档对你有用，恳请github仓库给个star~https://github.com

番茄炒蛋加鸡腿·2023-11-12 16:13

【微前端】qiankun + vite + vue3

专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3一、整体结构在qiankun体系下，一个微前端工程包含一个主应用和多个子应用。

逛街的猫啊·2023-11-11 22:48

微前端qiankun (vue3+vite+ts+history)

一什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发

liytingtt·2023-11-11 22:39

vue+qiankun微前端实践

qiankun（https://qiankun.umijs.org/zh/guide/getting-started）基座也可以用多种脚手架搭建（此处以vue2.x为例）：vue-cli搭建vue2.x项目，然后安装qiankun：$yarnaddqiankun#ornpmiqiankun-S基座配置：我们将子应用的配置都放在：main/src/micro-app.js下：constmicroAp

单眼皮的小熊·2023-11-11 00:58

乾坤微前端部署vue和react子应用

一、安装乾坤父应用1.以umi创建一个react工程，开启乾坤插件mkdirmyapp&&cdmyappyarnadd@umijs/plugin-qiankun-D2.父工程添加qiankun插件yarnadd@umijs/plugin-qiankun-D3.修改.umirc.ts配置文件import{defineConfig}from'umi';exportdefaultdefineConfi

is微凉·2023-11-11 00:27

vue3+阿里乾坤实现主应用和微应用

目录一、介绍1.背景2.什么是微前端特性3.开发前的准备工作4.构建主项目第一步、创建vue3的项目与正常创建项目无异，在这里不做过多描述第二部、将创建好的vue3项目作为主应用，在根目录先安装qiankung

西门吹雪~·2023-11-11 00:57

vue3.0 创建乾坤qiankun 微前端

1.前期准备工作1.1创建主应用1)vue新建主应用vuecreateqiankun-main2)创建src/components/father.vue恭喜你，看到我了，我是father页面exportdefault{name:'AFather'}3)src/router/index.js中添加路由信息import{createRouter,createWebHistory}from'vue-ro

红豆黄豆小甜豆·2023-11-11 00:57

微前端-乾坤qiankun

2019-2020年前端最火的技术之一：微前端微前端究竟是什么？微前端是近三年前端社区比较火的技术方案，试图把拆分大型后端系统的一些益处引入前端。微前端就是将不同的功能按照不同的维度拆分成多个子应用。

u010707194·2023-11-11 00:55

vue快速搭建qiankun微前端框架完整步骤

qiankun是什么：基于single-spa进行二次开发，是一种类似于微服务的架构，是将一个大型应用拆分成若干个更小、更简单，可以独立开发、测试和部署的子应用，然后由一个基座应用根据路由进行应用切换，主要是为了解决大型工程在变更、维护、扩展等方面的困难而提出的！qiankun的优势：1、技术兼容性好，各个子应用可以基于不同的技术架构；2、接入方式，让你接入微应用像使用iframe一样简单；3、耦

专心致志的程序员！·2023-11-11 00:25

微前端——乾坤qiankun Demo

微前端——qiankun（乾坤）实例一、什么是微前端微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆，拆完后在合！

欠踹的背影007·2023-11-11 00:25

乾坤微前端改造

乾坤微前端改造作者：YoungDo业务场景：项目前期已使用vue2+js重构完成干预效果分析模块，且公司前端组件库目前维护了vue2组件库(集采、抗网、干预分析、新患教、处方评估模块已配套使用)，vue3

YoungDoCui·2023-11-11 00:24

乾坤qiankun-微前端-简单搭建demo

Micro-frontend,微前端，顾名思义，前端也可以像后端一样通过多个微服务，搭建项目。只是后端的微服务架构是SpringBoot,而前端我们可以使用qiankun实现前端的微服务架构。

大小小丹·2023-11-11 00:22

微前端框架乾坤配置记录

$mount('#app');2.引入乾坤微前端主应用配置//src/mico/index.jsi

hjb2722404·2023-11-11 00:52

微前端—乾坤初体验

昨天新建了两个项目，上手体验了一下微前端乾坤，感觉很神奇，但官网教程似乎对新手不大友好，上手完以后感觉很简单，但中间过程实在繁琐，各种报错和百度，今天上班摸鱼，记录一下全部过程，方便日后操作。

白茶_White·2023-11-11 00:51

乾坤微前端优化（一）

前提1.同一个技术，都是react，或者都是vue。2.会webpack的dll配置。思考发现各个应用之间，第三方的包都是很多的，假如我们在主应用把这些包抽取出来，后面子应用引入，可以极大地减少子应用包的大小。解决方法一开始想使用externals来解决这问题，但是发现有一部分插件是不支持umd格式的，所以废弃了这个方案。后面想到了webpack的dll打包，可以打包抽取不支持umd格式的插件，完

best-toby·2023-11-11 00:21

vue乾坤微前端项目

1、主应用安装乾坤npmiqiankun-S注册微应用并启动：import{registerMicroApps,start}from'qiankun';//设置两个微应用registerMicroApps([{name:'vue1',//要跟package.json中的name保持一致entry:'//localhost:8081',//本地就这么写container:'#container',/

岳哥i·2023-11-11 00:50

10道高频React面试题快问快答

10道高频Qiankun微前端面试题快问快答10道高频webpack面试题快问快答20道高频CSS面试题快问快答20道高频JavaScript面试题快问快答30道高频Vue面试题快问快答面试中的快问快答快问快答的情景在面试中非常常见

前端扎啤·2023-11-10 19:15

微前端：quankun

零：前言微前端可以将大应用拆分功能独立的微应用，可独立开发部署，每个微应用可以采用自己的技术栈，这样更好维护和拓展。

小强有个dream·2023-11-10 17:17

【React-admin】构建React应用（4）-基于antd封装查询表单分页

在前段时间研究微前端的时候，发现antd.pro对微前端的支持并不友好，为了以后方

逆风飞翔的猿·2023-11-10 16:28

微前端qiankun嵌入vue项目后iconfont显示方块

个人项目地址：SubTopH前端开发个人站（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）SubTopH前端开发个人站https://subtop.gitee.io/subtoph.github.io/#/home以上是个人前端项目，欢迎提出您的建议以下是正文内容...............解决方法：修改iconfont.c

次顶级·2023-11-10 14:54

推荐频道

微前端qiankunvite