微前端wujie

微前端 qiankun vite vue3

qiankun-reactwebpack5子应用quankun-vue3vite遇到的问题简介主要介绍以qiankun框架为基础，vite搭建vue3项目为主应用，wepackvue2和webpackreact搭建的子应用，形成的一个微前端框架

可缺不可滥·2025-03-20 11:16

cursor全栈网页开发最合适的技术架构和开发语言

getapi·2025-03-16 16:47

webpack5（Module Federation）+vue3.0实现微前端

项目源码地址：https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念，他的核心就是独立，开发独立、部署独立，比较适合大的团队来进行重量级项目开发

weixin_42140041·2025-03-15 21:57

Vue3的Hook指南

Hook结构2.类型安全增强五、应用场景1.状态共享方案2.跨组件通信六、性能优化策略1.副作用管理2.惰性加载Hook七、调试技巧1.开发工具追踪2.控制台检查八、应用案例1.数据可视化Hook2.微前端状态

Hopebearer_·2025-03-13 19:49

Vite+微前端Qinkun的基本部署

一、前言Qiankun是一个基于Single-SPA的微前端框架，由阿里巴巴团队开发并开源。它旨在帮助开发者将大型前端应用拆分为多个独立的子应用，从而实现更高效的开发、维护和部署。

前端程序员_花姐夫Jun·2025-03-12 10:23

Garfish 源码解析 —— 一个微应用是如何被挂载的

背景Garfish是字节跳动webinfra团队推出的一款微前端框架包含构建微前端系统时所需要的基本能力，任意前端框架均可使用。

moonrailgun·2025-03-11 11:48

微前端父子应用及兄弟应用间组件或方法共享方案

作者：京东物流刘微微背景我们的很多web应用在持续迭代中功能越来越复杂，参与的人员、团队不断增多，导致项目出现难以维护的问题，这种情况PC端尤其常见，微前端为我们提供了一种高效管理复杂应用的方案。

·2025-03-07 12:38

探索微前端新境界：microfe 框架深度解析与应用推荐

探索微前端新境界：microfe框架深度解析与应用推荐microfe-clientamicrofrontendinfrastructure项目地址:https://gitcode.com/gh_mirrors

吴毓佳·2025-03-06 06:27

微前端架构

1.微前端架构概述1.1定义与核心概念微前端架构是一种现代Web应用的架构风格，它借鉴了微服务的理念，将前端应用分解为一组小型的、独立交付的前端应用，每个应用可以独立开发、独立部署，并且可以由不同的团队使用不同的技术栈进行开发

qmwneb946·2025-03-05 05:33

Qiankun 微前端框架全面解析：架构、原理与最佳实践

Qiankun微前端框架全面解析：架构、原理与最佳实践随着前端应用的不断发展，单体前端项目在复杂度、维护成本和团队协作上面临越来越多的挑战。

赵大仁·2025-03-05 05:02

微前端无法接入子应用，ip自动重复拼接，无法正确嵌入解决方案

最近在开发过程中，前端接入微应用时一直报错，项目接入了多个子应用，但其中有一个子应用一直报错，主要体现为，访问子应用的路径会自动变成http://ip:port/'http://子应用ip:port'排查很久，发现是由于在子应用配置文件中引号外多加入了一个空格，导致解析失败注意env环境变量中删除所有行尾的空格即可解决问题

luopeng207663436·2025-02-28 06:15

Webpack Module Federation实战：微前端架构

WebpackModuleFederation是Webpack5引入的一个特性，它支持微前端架构，允许不同的Web应用之间共享模块，而不需要运行时的容器或服务器端的构建步骤。

糖糖老师436·2025-02-26 02:35

什么是Web极简架构

极其简单Web架构（radicallysimpleweb）是一个面向初创企业和小型企业的Web应用程序蓝图：何使用模块化单体ModularMonoliths、SSR、微前端MicroFrontends、

极道Jdon·2025-02-23 11:13

✨《微前端落地实战：qiankun从入门到精通！3小时搞定Vue+React多应用架构》

微前端落地实践指南（qiankun框架）微前端核心架构图graphTDA[主应用]-->B[vue子应用]A-->C[react子应用]A-->D[angular子应用]B-->E{通信机制}C-->ED

庸俗今天不摸鱼·2025-02-15 22:48

告别微前端开发难题：ScriptEcho赋能编程培训新手

微前端架构，以其灵活性和可扩展性，正逐渐成为大型复杂应用开发的首选方案。然而，对于编程培训新手而言，微前端的学习曲线却陡峭异常。

·2025-02-09 02:12

探索现代全栈开发新境界：AppFullStackDemo，一个基于.NET Core和微前端的综合实践

探索现代全栈开发新境界：AppFullStackDemo，一个基于.NETCore和微前端的综合实践app_fullstackdemoAppFullStackDemo:DDD/SOLID/CleanCodeApp.NetCore3.1

颜殉瑶Nydia·2025-02-04 12:27

微前端框架qiankun剖析

随着微前端的发展，我们看到在这个领域之中出现了各式各样的工具包和框架来帮助我们方便快捷的实现自己的微前端应用。

浮游本尊·2025-02-03 00:00

微前端应用(qiankun+umi+antd)

目录1.微前端介绍以应用选型1.1什么是微前端?

他夏了夏天吖·2025-02-01 23:12

探索现代前端微前端架构的最佳实践

在这篇文章中，我们将聚焦于**微前端架构（Microfrontends）**这一最新趋势，并探索其具体实现与最佳实践。微前端架构是前端开发中一种模块化的方法，能够显著提高代码的可维护性和团队协作效率。

桂月二二·2025-01-27 17:27

微前端架构在前端开发中的实践与挑战

为了应对这一挑战，微前端架构（MicroFrontends）应运而生，它为前端开发提供了一种新的思路，让大型前端应用能够像后端的微服务架构一样，通过拆分模块来降低复杂度。

桂月二二·2025-01-25 02:43

微前端架构 qiankun

因此，引入微前端架构，以支持团队协作、实现独立部署，并提升开发效率。

qq_36437172·2025-01-22 06:30

云原生前端开发：打造现代化高性能的用户体验

引言：前端开发的新风向在过去的几年中，前端开发领域经历了快速的演变，从早期的静态网页到如今复杂的单页应用（SPA），再到微前端架构和渐进式Web应用（PWA），前端技术一直处于技术变革的中心。

大梦百万秋·2025-01-20 11:51

海康威视H5player问题汇总大全

问题一：Unexpectedtoken‘<‘inputover1、检查html页面的引入2、确认szBasePath地址是否正确（注意：微前端乾坤下的路径别忘带子应用的前缀）3、如果以上配置都正确，且后端返回的路径没问题

前端小码仔·2025-01-17 23:37

系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机

对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。

rabbit_it·2024-09-15 17:12

基于微前端qiankun的多页签缓存方案实践

本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。一、多页签是什么？

JavaMonsterr·2024-09-10 01:25

基于 React & TypeScript & Webpack 的微前端应用模板

m-fe/react-ts-webpack在Web开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。

weixin_33806300·2024-09-08 02:48

【微前端】ReactJS实现微前端的代码架构

【微前端】ReactJS实现微前端的代码架构目录【微前端】ReactJS实现微前端的代码架构通用步骤基于微前端的应用典型树结构：示例代码Webpack设置：Babel设置：配置Webpack别名：依赖管理

小涵·2024-09-08 01:43

使用脚本一键打包并上传docker镜像

笔者搞了一年多微前端项目，一个团队管理十个微应用，换成docker镜像部署后，发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟，尤其上传每个应用到各自的阿里云仓库。

春深是蔚蓝·2024-09-03 11:09

项目搭建使用qiankun（乾坤），入门篇，以及遇到的坑与解决

微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时

喂！大掌柜·2024-08-30 11:02

普元EOS-微前端的base基座介绍

1前言微前端开发的时候要使用base基座。这个base基座到底是什么？base基座能提供哪些功能？本文将进行简单的介绍。

小崔爱读书·2024-08-26 11:19

微前端插件 v-micro-app-plugin

v-micro-app-plugin是一款基于京东MicroApp框架的微前端插件，旨在帮助开发者快速地将微应用集成到不同的系统中，实现高效、灵活的前端模块化开发。

小白探索世界欧耶！~·2024-08-23 03:11

micro-app的简单学习

1、在基座中调用子应用在了解完微前端之后，我们知道，微前端是由一个基座和多个子应用构成的，那么如何在基座中调用子应用呢？官网中如下介绍：//官网中看到

笑到世界都狼狈·2024-02-20 04:48

京东开源项目micro-app初体验

二、使用步骤1.下载总结关于micro-app2021年7月由京东开源的微前端框架官方文档micro-appgit地址了解micro-app一、micro-app使用版本以及使用场景？

辣鸡队员·2024-02-20 04:48

微前端qiankun从头写一个demo，包含主微应用、微微应用通信用例

文章目录qiankun微前端demo说明1.路由说明：1.1hash路由：1.2history路由：路由切换2.LifeCycles:3.父子通讯3.1主应用与微应用的通信3.2微应用之间的通信4.手动加载微应用

Yoyo_Yan·2024-02-20 02:58

个人简历补充

个人简历补充1.对工作的认识2.八股文和知识面3.框架/架构角度深扒3.1前端3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端

Xiaobaiforgod·2024-02-19 12:02

基于 qiankun 的微前端最佳实践（图文并茂） - 应用部署篇

micro-app写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用部署篇基于qiankun的微前端最佳实践（图文并茂

明源云链前端团队·2024-02-15 05:44

DDD学习笔记---从后端到前端：微服务后，前端如何设计？

从单体前端到微前端为了解决单体前端的问题，我们可以借鉴微服务的设计思想，引入微前端概念。将微服务理念扩展到前端，解决中台微服务化后，前端由于仍为单体而存在的逻辑复杂和臃肿的问题。

激流勇进_·2024-02-07 00:44

qiankun 微前端介绍、安装

文章目录一、介绍什么是微前端微前端架构具备以下几个核心价值：qiankun的核心设计理念它是如何工作的为什么不是iframe特性二、快速上手主应用1.安装qiankun2.在主应用中注册微应用微应用1.

南乔几经秋_·2024-02-06 00:07

micro-app（微前端框架）

https://gitee.com/helibin/micro-appmicro-app是京东零售推出的一款微前端框架，它基于类WebComponent进行渲染，从组件化的思维实现微前端，旨在降低上手难度

朱朱是个小太阳·2024-02-05 16:36

京东微前端框架MicroApp简介

一、MicroApp1.1MicroApp简介MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。

xiangzhihong8·2024-02-04 16:37

nuxt.config.js 配合微前端qiankun打包配置

constCompressionPlugin=require('compression-webpack-plugin')consttimeStamp=newDate().getTime();exportdefault{/***Nuxtrenderingmode**Seehttps://nuxtjs.org/api/configuration-mode*/mode:'spa',ssr:false,/

小贵子的博客·2024-02-03 12:02

less的使用小技巧以及vite 如何配置less全局变量

1.变量-属性可用于统一修改，比如特殊节日置灰等@primaryColor:#f2f2f2;//使用color:@primaryColor2.变量-选择器添加项目标识(可用于微前端的样式隔离)@nameSpace

原谅我不够洒脱·2024-02-01 11:00

single-spa原理

single-spa原理也大同小异，也可以类比的理解为一种模块化开发的单页应用，只不过在单项目的单页应用中划分的模块是各种组件，而在微前端中各个模块就是各个独立的子

Icewen·2024-02-01 06:24

vite + postcss-prefix-selector 增加统一作用域

在前端开发中，随着项目规模的扩大，特别是在使用微前端架构后，基座应用和子应用之间的样式冲突和作用域管理成为了一项挑战。

天問_·2024-01-31 10:42

第十章（应用场景篇） Single-SPA微前端架构深度解析与实践教程

文章目录Single-SPA微前端架构深度解析与实践教程1、Single-SPA介绍2.1Single-SPA是什么2.2Single-SPA的特点2、Single-SPA核心原理3.1路由机制3.2生命周期管理

球球不吃虾·2024-01-31 08:24

第九章（应用场景篇）Qiankun微前端深度解析与实践教程

文章目录Qiankun微前端深度解析与实践教程引言一、微前端概述二、Qiankun简介三、Qiankun核心原理四、Qiankun实践1.创建主应用2.注册子应用3.路由配置4.子应用开发5.应用通信五

球球不吃虾·2024-01-31 08:49

第八章（应用场景篇）中大型项目的解构：从单体应用到微前端

文章目录中大型项目的解构：从单体应用到微前端一、从单体应用到微前端1.1单体应用的困境1.2微前端的优势1.3解构过程二、案例分析3.1项目背景3.2解构过程1.项目分析2.架构设计3.技术选型1.主应用配置

球球不吃虾·2024-01-30 22:58

微前端（qiankun）使用手册

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。

StoneHui·2024-01-29 18:06

什么是微前端？

微前端是什么？微前端是一种多个团队通过独立发布功能的方式来共同构建现代化Web应用的技术手段及方法策略。

StoneHui·2024-01-29 17:27

微前端框架MicroApp 1.0正式发布

介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。

京东零售技术·2024-01-29 10:02

推荐频道