全部学科
JAVA后端
maven spring Mytatis SpringMVC SpringBoot java
通用技术
redis git docker nginx mysql zookeeper rabbitmq
Web前端
TypeScript vue CSS HTML javascript npm pinia vite
GO后端
golang gorm gin
Python全栈
python
NodeJS全栈
nodejs
vite / 模拟试卷

构建原理与底层机制专题测试

18 题 36 分钟 难度：★★★
💡 参考答案在文末
单选题
1

Vite 生产构建为什么选择 Rollup 而不是 esbuild？

A

Rollup 速度更快

B

Rollup 提供更好的代码分割和 CSS 处理

C

esbuild 不支持生产构建

D

Rollup 兼容性更好

2

esbuild 在依赖预构建中的性能优势主要来自什么？

A

使用多线程并行处理

B

Go 语言编写，执行效率高

C

简化的语法解析逻辑

D

以上都是

3

HMR 边界（boundary）模块的定义是什么？

A

入口模块

B

调用 import.meta.hot.accept 的模块

C

不依赖其他模块的模块

D

只导出 CSS 的模块

4

Vite 开发环境利用浏览器原生 ESM 加载模块的主要优势是什么？

A

支持更多语法特性

B

无需打包即可按需加载

C

更好的兼容性

D

自动生成 Source Map

5

Vite 在开发环境下不进行 bundle 的核心技术原因是什么？

A

使用 esbuild 编译速度快

B

利用浏览器原生 ESM 按需加载

C

使用缓存避免重复编译

D

依赖预构建减少模块数

6

Vite 模块图 ModuleGraph 的主要作用是什么？

A

存储模块源代码

B

记录模块间依赖关系用于 HMR 边界计算

C

缓存编译结果

D

追踪模块版本变化

7

Vite 选择 esbuild 进行依赖预构建的主要原因是什么？

A

esbuild 支持更多语法

B

esbuild 基于 Go 编写，速度极快

C

esbuild 内置缓存机制

D

esbuild 支持所有 npm 包格式

多选题
8

Vite 开发环境的 ESM 加载流程包含哪些步骤？

A

浏览器请求入口 HTML

B

HTML 中 script 标签加载入口 JS

C

JS 中的 import 触发模块请求

D

Vite 即时编译返回模块内容

9

optimizeDeps 配置可以控制预构建行为，以下哪些是正确的？

A

include 强制预构建指定依赖

B

exclude 排除预构建的依赖

C

esbuild 选项传递给预构建 esbuild

D

force 强制重新预构建

10

esbuild 预构建的依赖缓存机制有哪些特点？

A

缓存存储在 node_modules/.vite 目录

B

依赖变化时自动重新预构建

C

可手动删除缓存强制重建

D

缓存基于 package.json 和 lockfile 判断过期

11

Rollup 的模块图构建包含哪些步骤？

A

从入口开始递归分析导入

B

构建模块间的依赖关系图

C

分析导出和导入标记 Tree Shaking

D

根据依赖关系分割 chunk

12

Rollup chunk 分割算法考虑哪些因素？

A

动态导入创建异步 chunk

B

manualChunks 配置手动分组

C

共享依赖提取为公共 chunk

D

chunk 大小限制

13

Vite 处理非 ESM 依赖（如 CJS 包）的策略是什么？

A

使用 esbuild 预构建转换为 ESM

B

开发环境直接请求 CJS 文件

C

缓存预构建结果到 node_modules/.vite

D

生产构建时 Rollup 自动处理

14

ModuleGraph 记录了哪些模块信息？

A

模块 ID（路径）

B

模块的导入依赖列表

C

模块的导入者列表

D

模块的转换结果

15

模块图在 HMR 中的作用是什么？

A

查找修改模块的边界模块

B

确定需要热更新的模块链

C

判断是否需要完整刷新

D

缓存已更新的模块状态

16

Rollup 在生产构建阶段负责什么？

A

模块图构建和依赖分析

B

代码分割（chunk 分割）

C

Tree Shaking 删除无用代码

D

代码压缩和优化

17

HMR 更新传播的算法流程是什么？

A

从修改模块开始向上查找导入者

B

找到 accept 边界模块停止传播

C

边界模块执行 accept 回调更新

D

没找到边界则触发完整页面刷新

18

HMR 的 accept 回调可以接收哪些参数？

A

更新的模块路径列表

B

更新模块的新导出内容

C

更新模块的旧导出内容

D

更新的 Source Map

参考答案
1.B 2.D 3.B 4.B 5.B 6.B 7.B 8.A;B;C;D 9.A;B;C;D 10.A;B;C;D 11.A;B;C;D 12.A;B;C 13.A;C;D 14.A;B;C;D 15.A;B;C 16.A;B;C 17.A;B;C;D 18.A;B;C
想在手机上练习这套试卷？
使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码
← 上一套试卷 构建优化策略专题测试
下一套试卷 → 框架集成实践专题测试
扫码体验小程序
加载中
想在手机上刷题学习？
使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码