Search
K
指南
实践
配置
插件
案例
博客
生态
Module Federation Examples
Practical Module Federation
Zephyr Cloud
Nx
简体中文
English
Search
K
指南
实践
配置
插件
案例
博客
生态
Module Federation Examples
Practical Module Federation
Zephyr Cloud
Nx
简体中文
English
Menu
Overview
Filter
React
Basic CRA with Rsbuild
设置环境
第 1 步:设置 React 应用程序
步骤 2:安装 Module Federation 插件
步骤 3:更新入口文件
步骤 4:创建并导出
步骤 5:在 MFE2 中配置 Rsbuild
步骤 6:使用远程模块
国际化 (i18n)
概述
场景
架构和实现
Modern.js
快速开始
环境准备
创建项目
设置模块联邦配置
CSS 闪烁问题
动态加载生产者
创建生产者
创建 loader
加载动态生产者
Next.js
Basic Example
设置环境
步骤 1: 设置 Next.js 应用
步骤 2: 覆盖 Webpack
步骤 3: 实现 SSR
步骤 4: 创建并导出
步骤 5: 消费远程模块
导入组件
路由和导入页面
导入远程页面
使用 Express.js
预设
共享依赖
导出页面
构建配置 Options
Angular
Angular CLI 设置
前置要求
安装
Shell (消费者)配置
配置生产者
启动应用
优化依赖共享
Micro-frontends with Angular
概览
准备步骤
设置消费者 Webpack 构建配置
配置生产者模块/应用
Angular 路由
Dynamic Component Creation of Remote Modules
共享依赖
总结
服务端渲染
Nx 在模块联邦中的 SSR 推进(从版本 15.4 开始)
工作原理
逐步指南
缓存和实时更新
验证设置
使用 Service Workers
使用Angular和Module Federation的服务工作者
Angular服务工作者
优势
实施服务工作者
PWA设置
使用Workbox增强服务工作者管理
Authentication with Auth0
概述
前提条件
逐步指南
结论
Authentication with Okta
引言
先决条件
设置 Okta 认证
实现认证逻辑
添加用户个人资料与模块联邦
拆分巨石应用
微前端介绍
微前端技术概览
应对向微前端的转变
重构现有应用程序
为微前端实现审核基础应用程序
将登录应用集成到主应用程序中
改造巨石应用
理解我们的工具:@angular-architects/module-federation
设置主应用程序
设置远程应用程序
测试和运行应用程序
构建配置的优化