@@ -84,9 +84,9 @@ export default defineConfig({
8484
8585这样,我们就完成了对 Rslib Module 生产者的集成。构建完成后,我们可以看到产物中已经添加了 mf 目录,消费者可以直接消费这个包。
8686
87- 在上面的例子中,我们添加了一个新的 ` format: 'mf' ` ,它将添加一个额外的 Module Federation 产物 ,同时还配置了 ` cjs ` 和 ` esm ` 的格式,它们是不冲突的。
87+ 在上面的例子中,我们添加了一个新的 ` format: 'mf' ` ,它将添加一个额外的模块联邦产物 ,同时还配置了 ` cjs ` 和 ` esm ` 的格式,它们是不冲突的。
8888
89- 但是,如果你希望此 Rslib Module 同时消费其他生产者 ,请不要使用构建配置 ` remote ` 参数,因为在其他格式下,这可能会导致错误,请参考下面使用 Module Federation 运行时的示例
89+ 但是,如果你希望此 Rslib 模块同时消费其他生产者 ,请不要使用构建配置 ` remote ` 参数,因为在其他格式下,这可能会导致错误,请参考下面使用 Module Federation 运行时的示例
9090
9191## 开发 MF 远程模块
9292
@@ -106,7 +106,7 @@ Rslib 支持宿主应用和 Rslib 模块联邦项目同时开发。
106106}
107107```
108108
109- 然后运行 ` dev ` 命令即可启动 Module Federation 开发模式 ,可被 Host App 消费,
109+ 然后运行 ` dev ` 命令即可启动模块联邦开发模式 ,可被 Host App 消费,
110110同时具有热模块更换(HMR)功能。
111111
112112<PackageManagerTabs command = " run dev" />
@@ -149,7 +149,7 @@ export default defineConfig({
149149
150150### 使用 Storybook
151151
152- Rslib 支持使用 Storybook 开发 Module Federation Rslib 项目 。
152+ Rslib 支持使用 Storybook 开发 Rslib 模块联邦项目 。
153153
154154#### 1. 启动库的 MF ` dev `
155155
@@ -163,7 +163,7 @@ Rslib 支持使用 Storybook 开发 Module Federation Rslib 项目。
163163}
164164```
165165
166- 然后运行 ` dev ` 命令即可启动 Module Federation 开发模式 ,可被 Storybook 消费,
166+ 然后运行 ` dev ` 命令即可启动模块联邦开发模式 ,可被 Storybook 消费,
167167同时具有热模块更换(HMR)功能。
168168
169169<PackageManagerTabs command = " run dev" />
@@ -172,7 +172,7 @@ Rslib 支持使用 Storybook 开发 Module Federation Rslib 项目。
172172
173173首先,在 Rslib 项目中配置 Storybook。你可以参考 [ Storybook 章节] ( /guide/advanced/storybook ) 来了解如何执行此操作。在本章中,我们将使用 React 框架作为示例。
174174
175- 1 . 安装以下 Storybook addon,让 Storybook 与 Rslib Module Federation 一起使用 :
175+ 1 . 安装以下 Storybook addon,让 Storybook 与 Rslib 模块联邦一起使用 :
176176
177177 - [ storybook-addon-rslib] ( https://www.npmjs.com/package/storybook-addon-rslib ) : Storybook addon 会让 Storybook 加载 Rslib 配置.
178178 - [ @module-federation/storybook-addon ] ( https://www.npmjs.com/package/@module-federation/rsbuild-plugin ) : Storybook 插件,为 Storybook 设置模块联邦配置。
@@ -245,7 +245,7 @@ export default {
245245export const Primary = {};
246246```
247247
248- #### 4. 在 ` tsconfig.json ` 中添加 Module Federation 类型和 stories 文件。
248+ #### 4. 在 ` tsconfig.json ` 中添加模块联邦类型和 stories 文件。
249249
250250``` json title="tsconfig.json"
251251{
@@ -321,10 +321,10 @@ pluginModuleFederation({
321321
322322## 示例
323323
324- [ Rslib Module Federation 示例 ] ( https://github.com/web-infra-dev/rslib/tree/main/examples/module-federation )
324+ [ Rslib 模块联邦示例 ] ( https://github.com/web-infra-dev/rslib/tree/main/examples/module-federation )
325325
326326- ` mf-host ` : Rsbuild App 消费者
327327- ` mf-react-component ` : Rslib Module, 同时是消费者和生产者, 作为生产者向 ` mf-host ` 提供模块, 并消费 ` mf-remote `
328328- ` mf-remote ` : Rsbuild App 生产者
329329
330- [ Rslib Module Federation Storybook 示例] ( https://github.com/web-infra-dev/rslib/tree/main/examples/module-federation/mf-react-component )
330+ [ Rslib 模块联邦 Storybook 示例] ( https://github.com/web-infra-dev/rslib/tree/main/examples/module-federation/mf-react-component )
0 commit comments