- 综合排序
- 最热优先
- 最新优先
2025 前端高级工程师（大前端）
其中，Monorepo（单体仓库）与 Micro-frontend（微前端）作为不同阶段的代表性架构，分别解决了大型应用在 “协同效率” 与 “独立交付” 上的核心痛点。 本文将从架构特性出发，梳理大型前端应用从 Monorepo 到 Micro-frontend 的演进逻辑、实践路径与关键挑战，为复杂应用的架构选型提供参考。 二、演进动因：为何大型应用会从 Monorepo 走向 Micro-frontend？ Micro-frontend 的核心价值：破解大型应用的 “规模魔咒”Micro-frontend（微前端）的概念源于 “微服务”，其核心思想是 “将大型前端应用拆分为多个独立的小型前端应用（子应用） 三、演进路径：从 Monorepo 到 Micro-frontend 的落地步骤从 Monorepo 迁移到 Micro-frontend 并非 “一蹴而就”，需遵循 “渐进式拆分、平稳过渡” 的原则
76310编辑于 2025-09-05- 来自专栏一道题做一宿
基于Webpack5实现微前端架构
/App"]}, parts.page({title: 'React Micro-Frontend'}), parts.loadJavaScript() ]) const productionConfig 首先是我们的Header组件： import React from "react"; const Header = () => { return
Micro-Frontend const Main = () => { return ( <main>
a Demo for Micro-Frontend entry: [path.join(__dirname, "src", "bootstrap.js")], }, parts.page({title: 'React Micro-Frontend 1.1K20发布于 2021-08-13 - 来自专栏一道题做一宿
从原理层面谈谈微前端的实现
MfArticle extends HTMLElement { connectedCallback() { this.innerHTML = template({name: "micro-frontend ", content: "micro-frontend"}); } } window.customElements.define( "mf-article", MfArticle const articles = { webpack: {name: "webpack", content: "webpack"}, mf: {name: "micro-frontend ", content: "micro-frontend"}, react: {name: "react", content: "react"} }; class ArticlePage extends
69110发布于 2021-09-10 - 来自专栏程序员老鱼呀
牛逼！推荐一套免费的网站开发工具包
projectURL": "https://uiux.cc", "description": "React toolkit for building a full website that also is a Micro-Frontend
1.2K30编辑于 2023-08-25 - 来自专栏程序员成长指北
微前端框架 之 single-spa 从入门到精通
micro-frontend.git（示例项目 + single-spa源码分析 + 手写single-spa框架 + single-spa-vue源码分析） 示例项目 新建项目目录，接下来的所有代码都会在该目录中完成 mkdir micro-frontend && cd micro-frontend 示例代码都是通过vue来编写的，当然也可以采用其它的，比如react或者原生JS等 子应用 app1 新建子应用 vue create app1 按图选择 ，去除一切项目不需要的干扰项，后面一路回车，等待应用创建完毕 配置子应用 以下所有的操作都在项目根目录/micro-frontend/app1下完成 vue.config.js 在项目根目录下新建vue.config.js 目录下新建子应用app2，步骤同app1，只需把过程中出现的'app1'字样改成'app2'即可，vue.config.js中的8081改成8082` 启动应用，作为独立应用访问 基座应用 layout 在/micro-frontend 以下操作都在/micro-frontend/layout目录下进行 安装single-spa npm i single-spa -S 改造基座项目 入口文件 // src/main.js import
3.5K22发布于 2020-09-08 - 来自专栏程序那些事儿
微前端那些事儿
什么是微前端 根据Micro-Frontend 官网的定义，微前端是将网站或者 web 应用程序视为由独立团队拥有的功能组合。
63930编辑于 2023-03-07 - 来自专栏约克编程技术
一文教你使用 Gitbook 部署电子书到云端
形如： # 一起学习 RegExp https://book.yorkyu.cn/regexp/ # 一起学习微前端 https://book.yorkyu.cn/micro-frontend 5.2
2.8K42编辑于 2022-03-22 - 来自专栏超级架构师
【微前端架构】AWS 上的微前端架构
Micro-frontend architecture on AWS 在此示例中，每个服务团队都在运行一个单独的、相同的堆栈来构建他们的应用程序。
2.5K10编辑于 2022-03-08 - 来自专栏京程一灯
它改变了 JavaScript 的体系结构——Webpack 5 Module Federation
我需要这种 micro-frontend 样式的体系结构，但是我们不希望在修改路由时重新加载页面。
2.5K20发布于 2020-05-11 - 来自专栏前端达人
2024 前端技术盘点：React、Vue、Qwik 谁能领跑 2025？
1、 微前端架构：独立部署的极致实践 微前端（Micro-Frontend）是一种将大型前端应用拆分为多个独立模块的架构模式，这些模块可以由不同团队开发、独立部署，并通过统一的界面整合。
4K20编辑于 2024-12-30 - 来自专栏code秘密花园
从场景倒推，在字节我们要什么样的微前端体系
using different[9] 综述 【推荐】是对微前端的一些总体概览，包括设计演进、技术演进等 [Live Record][10] 微前端如何设计落地 - InfoQ ｜ Phodal[11] Micro-frontend
1.8K30发布于 2021-09-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号