logologo
指南
实践
配置
插件
案例
博客
生态
Module Federation Examples
Practical Module Federation
Zephyr Cloud
Nx
简体中文
English
指南
实践
配置
插件
案例
博客
Module Federation Examples
Practical Module Federation
Zephyr Cloud
Nx
简体中文
English
logologo
概览

Bridge

Bridge 介绍

React Bridge

快速开始
导出应用
加载应用
加载模块
Vue Bridge

框架

框架概览

React

Basic CRA with Rsbuild
国际化 (i18n)

Modern.js

快速开始
动态加载生产者

Next.js

Basic Example
导入组件
路由和导入页面
使用 Express.js
预设

Angular

Angular CLI 设置
Micro-frontends with Angular
服务端渲染
使用 Service Workers
Authentication with Auth0
Authentication with Okta
拆分巨石应用
改造巨石应用

概览#

Edit this page on GitHub
Next PageBridge 介绍

Module Federation 作为一种模块共享方案,其核心目标是解决代码复用问题、优化构建过程和提升运行时性能。然而,在项目开发的实践中,仅具备这些功能是不足的。通常,它需要与各类框架相结合,以便理解在不同框架下如何使用 Module Federation,以及如何整合不同框架中的多个功能。此外,还需考虑不同应用场景的需求差异,例如中后台应用与移动应用开发场景。

本篇 “实践篇” 旨在解决上述问题,提供了一系列有关 Module Federation 使用的最佳实践。主要内容包括两个部分:

  1. Bridge:针对常见的业务开发场景:如何加载应用级别模块(带路由)、如何在不同前端框架间加载模块。
  2. 框架:介绍了 Module Federation 在不同框架中的使用方式。