全部学科

Python全栈

python

NodeJS全栈

nodejs

通用技术

redis git docker nginx mysql zookeeper rabbitmq

JAVA后端

maven spring Mytatis SpringMVC SpringBoot java

Web前端

TypeScript vue CSS HTML javascript npm pinia vite

GO后端

golang gorm gin

📝 1 篇文章 15 道配套习题

微前端与模块联邦专题

专题说明

本专题介绍 Vite 微前端架构与 Module Federation 技术，帮助开发者实现大型前端应用的拆分与协作。

学习目标

理解微前端架构的核心概念
掌握 Module Federation 配置与集成
学会子应用构建与共享依赖管理

学习内容

微前端架构概述：微前端核心概念与优势
Module Federation 集成：模块联邦配置与使用
子应用构建与加载：子应用独立构建与动态加载
共享依赖版本管理：共享模块版本控制策略

学习建议

理解微前端的拆分策略，尝试搭建简单的 Module Federation 示例。

📝 配套习题（15 题）

💡 参考答案在文末

判断题

1

Vite 可以作为微前端架构中子应用的构建工具，支持独立开发和部署。

A

对

B

错

单选题

2

微前端子应用构建时应该输出什么格式？

A

单个打包文件

B

ESM 模块格式支持动态加载

C

UMD 格式兼容所有场景

D

CSS 和 JS 分离的文件

3

微前端架构的主要目标是什么？

A

加快构建速度

B

将大型应用拆分为可独立维护的子应用

C

减少代码体积

D

提升单页应用性能

4

Module Federation 中，子应用的构建产物应该如何处理？

A

独立构建，不需要特殊配置

B

配置 exposes 暴露共享模块

C

配置 shared 声明共享依赖

D

B 和 C 都是

5

在 Vite 中实现 Module Federation，推荐使用什么插件？

A

webpack-module-federation

B

@originjs/vite-plugin-federation

C

vite-plugin-micro-frontends

D

@module-federation/vite

6

@originjs/vite-plugin-federation 插件的作用是什么？

A

提供 CSS 共享能力

B

实现 Vite 的 Module Federation 支持

C

加快构建速度

D

处理跨域请求

7

Module Federation 中共享依赖版本冲突时默认如何处理？

A

使用最新版本

B

使用最早声明的版本

C

加载失败报错

D

每个应用使用自己的版本

多选题

8

Module Federation 配置中 consumes 选项的作用是什么？

A

指定要消费的远程模块

B

配置远程模块的名称和来源

C

设置模块的加载策略

D

处理远程模块的错误情况

9

子应用构建配置需要考虑哪些因素？

A

外部化共享依赖避免重复打包

B

配置 publicPath 支持动态加载

C

输出独立的入口文件供主应用加载

D

处理子应用的路由基路径

10

子应用运行时加载的挑战有哪些？

A

子应用的 JS 执行环境隔离

B

子应用的样式污染主应用

C

子应用的生命周期管理

D

子应用间的事件通信

11

Module Federation 配置中 exposes 选项的作用是什么？

A

指定对外暴露的模块

B

配置模块的暴露名称

C

设置模块的访问权限

D

定义模块的共享依赖

12

Module Federation 的 shared 配置可以设置哪些选项？

A

singleton - 强制使用单例

B

requiredVersion - 指定需要的版本

C

strictVersion - 严格版本检查

D

eager - 预加载共享模块

13

共享依赖版本管理的最佳实践有哪些？

A

核心 UI 框架设置为 singleton

B

工具库保持独立版本避免冲突

C

使用版本范围而非固定版本

D

定期同步各应用依赖版本

14

微前端架构的挑战有哪些？

A

子应用间的样式隔离

B

共享依赖的版本管理

C

子应用间通信机制

D

开发调试的复杂度

15

Vite 在微前端架构中的角色有哪些？

A

子应用的构建工具

B

主应用的构建工具

C

运行时加载子应用容器

D

提供模块共享机制

参考答案

1.正确 2.B 3.B 4.D 5.B 6.B 7.D 8.A;B 9.A;B;C;D 10.A;B;C;D 11.A;B 12.A;B;C;D 13.A;B;D 14.A;B;C;D 15.A;B;D

想在手机上练习这套专题？

使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码