Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 87 additions & 0 deletions profile/README-zh_CN.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
[English](README.md) | 简体中文

## 👋 欢迎来到Module Federation之家

Webpack Module Federation 由 Zackary Jackson 创建,现在是 webpack 的正式组成部分。这个 GitHub 组织为希望了解更多Module Federation的人提供了额外的资源。

我们也欢迎你探索全新的Module Federation[网站和文档](https://module-federation.io/),这对初学者和经验丰富的开发人员来说都是一个宝贵的资源。它旨在成为您对Module Federation所有事物的首选资源,更多的内容即将推出!

### 什么是 Module Federation?

Webpack Module Federation (MF) 是 webpack 的一个特性,允许从多个独立的构建系统动态加载一个模块的多个版本。

这样就允许创建微前端风格的应用程序,其中多个系统可以共享代码并动态更新,而无需重新构建整个应用程序。

它还允许具有不同发布周期的分布式团队和应用程序共享代码,而无需等待所有系统都同意并部署某个模块的单个共享版本。

此外,它允许基于路由和其他标准进行代码分割,这可以提高性能。

### 赞助商

🙌 [成为赞助商](https://opencollective.com/module-federation-universe)

### 现有的MF工具

- [Medusa](https://medusa.codes) - 可视化和管理MF远程和版本的工具

## 更多资源

### 突出的案例仓库

- [Examples](https://github.com/module-federation/module-federation-examples) 一个完整的开源学习工作区,涵盖了很多框架,例如Next.js、React、Angular、Vue等等。
- [Universe](https://github.com/module-federation/universe) 一个用于Module Federation的工具、插件和实用程序的集合。 .

### MF 书籍

[Practical Module Federation](https://module-federation.myshopify.com/products/practical-module-federation) - Webpack Module Federation官方书籍由 Jack Herrington & Zack Jackson所编写。《Practical Module Federation》是第一本也是唯一一本关于Webpack 5创新的实时代码共享机制的书籍。它带你完成从Module Federation开始所需要做的所有事情。它涵盖了Module Federation的内部实现,以及模块联邦如何与其他共享选项相匹配。这本书还涵盖了许多实际的主题,包括:跨共享代码的状态共享、不同的部署选项、共享非视图相关的代码、编写代码以应对代码和网络故障,等等。

### MF & MFE YouTube 视频

### MFE 通用

- [Micro-Frontends Course - Beginner to expert - Jack Harrington](https://www.youtube.com/watch?v=lKKsjpH09dU)(微前端课程 - 初学者到专家)

- [Introducing Module Federation in Webpack 5 - Jack Harrington](https://www.youtube.com/watch?v=D3XYAx30CNc)(介绍Webpack 5中的Module Federation)

#### Next

- [Module Federation in NextJS Today - Jack Herrington](https://www.youtube.com/watch?v=d58QLA2bnug)(在NextJS中使用Module Federation)
- [Dynamic Module Federation in Next.js - Kevin Ghadyani & Zack Jackson](https://www.youtube.com/watch?v=m-eBqbFFUXg)(Next.js中动态Module Federation)

#### React

- [Superpowered Micro Frontends with Monorepos - Colum Ferry](https://www.youtube.com/watch?v=dotA6ZSmNL4)(超强的微前端与Monorepos)

#### Angular

- [Module Federation with Angular - Manfred Steyer](https://www.youtube.com/watch?v=pD8VaBdU1f8)(Module Federation 和 Angular)
- [Advanced Module Federation for Angular - Manfred Steyer](https://www.youtube.com/watch?v=8peHqzO7oqE)(Angular高级Module Federation)
- [Multi-Framework/ Multi-Version Scenarios with Module Federation and Web Components](https://www.youtube.com/watch?v=EGdbmj-kj88)(多框架/多版本场景Module Federation和Web组件)
- [Micro Frontends and Nx Monorepos: The Best of Two Worlds? - Manfred Steyer](https://www.youtube.com/watch?v=tsIZjUAtF1U)(微前端和Nx Monorepos:两者的最佳组合?)
- [Micro-Frontends with Module Federation using Angular and Nx](https://www.youtube.com/watch?v=e8-hBYw5bx0)(使用Angular和Nx的Module Federation微前端)
- [Speed up your Angular serve and build times with Module Federation and Nx - Juri Strumpflohner](https://www.youtube.com/watch?v=JkcaGzhRjkc)(使用Module Federation和Nx加快Angular的serve和build时间)

### 咨询 / 指导

<img alt="Valor Software Logo Light on Dark" src="https://raw.githubusercontent.com/valor-software/.github/d947b8547a9d5a6021e4f6af7b1df816c1c5f268/profile/valor-logo%20for-dark.png#gh-dark-mode-only" height="150px">
<img alt="Valor Software Logo Light on Dark" src="https://raw.githubusercontent.com/valor-software/.github/d947b8547a9d5a6021e4f6af7b1df816c1c5f268/profile/valor-logo%20for-light.png#gh-light-mode-only" height="150px">

Module Federation 很高兴由[Valor Software](https://valor-software.com)作为官方合作伙伴支持。与Zack Jackson和其他Module Federation的贡献者一起,我们自豪地提供所有Module Federation的指导、咨询和开发援助。如果您想与Zack Jackson和Valor Software进行15分钟的快速通话,分享您正在做的事情,请使用以下[Calendly Link](https://calendly.com/d/d5d-mch-nby/module-federation-15-min)预订一些时间。

Valor Software可以提供的其他协助:

- 自定义Nx生成器以加速模块联合的采用
- Enhancements / Bug-fix / Prioritization for OSS libraries
- OSS库的增强功能/ bug修复/优先顺序
- 架构咨询
- 团队增强

### 路线图

我们已经创建了一个讨论类别来跟踪RFC。[这里](https://github.com/module-federation/nextjs-mf/discussions/categories/rfc).

请协助我们欢迎Module Federation的新产品负责人@viktoriialurie !

### 社交链接

我们很高兴地宣布,Module Federation将推出新的[Discord社区](https://discord.gg/T8c6yAxkbv)!这里将用于讨论和分享关于module federation的最新进展以及如何有效地使用它的一些知识。到时见!
2 changes: 2 additions & 0 deletions profile/README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
English | [简体中文](README-zh_CN.md)

## 👋 Welcome to the home of Module Federation
Webpack Module federation was created by Zackary Jackson and now officially part of webpack. This GitHub organization
provides additional resources for folks looking to learn more about Module Federation.
Expand Down