#名词解释

#Module Federation

模块联邦（Module Federation，简称 MF）是一种 JavaScript 应用分治的架构模式（类似于服务端的微服务），它允许你在多个 JavaScript 应用程序（或微前端）之间共享代码和资源。如果使用联邦模块的应用缺少联邦代码所需的依赖项，将从该联邦的构建源下载缺失的依赖项。

这使得可以创建微前端风格的应用程序，多个系统可以共享代码，并在不需要重新构建整个应用程序的情况下进行动态更新。

#生产者

通过 Module federation 构建插件设置了 exposes 暴露其他模块给其他 JavaScript 应用消费的应用在 Module federation 中称之为 Provider（生产者），生产者可以同时作为一个消费者。

#消费者

通过 Module federation 构建插件设置了 remotes 消费其他生产者的模块称之为 Consumer （消费者），消费者可以同时作为一个生产者。

#Micro-frontend

微前端（Micro-frontend，简称 MFE）是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，它将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品。

它主要解决了两个问题：

• 随着项目迭代应用越来越庞大，难以维护。

• 跨团队或跨部门协作开发项目导致效率低下的问题。

#Bundler

指 Webpack、Rspack、Vite、Metro 等模块打包工具。

打包工具的主要目标是将 JavaScript、CSS 等文件打包在一起，打包后的文件可以在浏览器、Node.js 等环境中使用。当 Bundler 处理 Web 应用时，它会构建一个依赖关系图，其中包含应用需要的各个模块，然后将所有模块打包成一个或多个 bundle。

具体项目应该选择哪个工具和插件，可以查看接入方案。

#Manifest

Manifest 是生产者在构建时生成的运行时清单，用于描述远程入口、暴露模块、资源、共享依赖和类型信息。消费者可以通过 mf-manifest.json 获取这些信息，再加载对应的远程模块。

更多内容可以查看 Manifest 与 Snapshot、manifest 配置 和 mf-manifest.json 字段定义。

#Snapshot

Snapshot 是对 Manifest 信息的浓缩和预解析结果。运行时可以从 Manifest 生成 Snapshot；有部署服务时，也可以提前生成并下发 Snapshot，让消费者直接获得远程入口和可预加载资源。

Snapshot 会被用于远程模块加载、资源预加载、调试工具、代理和运行时诊断等场景。