全部学科

Web前端

TypeScript vue CSS HTML javascript pinia vite

JAVA后端

maven spring Mytatis SpringMVC SpringBoot java

通用技术

redis git docker nginx mysql zookeeper rabbitmq

Python全栈

GO后端

golang gorm gin

NodeJS全栈

小程序首页

📝 1 篇文章 12 道配套习题

模块化与依赖预构建专题

专题说明

本专题介绍 Vite 模块化处理与依赖预构建机制，帮助开发者理解依赖缓存与转换策略。

学习目标

理解 Vite 依赖预构建的目的与机制
掌握 CommonJS/UMD 模块转换配置
学会优化依赖预构建性能

学习内容

依赖预构建原理：预构建缓存机制
CommonJS 转换：CJS 到 ESM 转换
预构建配置：optimizeDeps 配置

学习建议

观察 node_modules/.vite 缓存目录，理解依赖预构建产物。

📝 发现内容有误？点击此处直接编辑

📝 配套习题（12 题）

1

判断题

Vite 的依赖预构建会将 CommonJS/UMD 模块转换为 ESM 格式。

A

对

B

错

2

单选题

依赖预构建的缓存存放在哪个目录？

A

.cache

B

node_modules/.vite

C

dist/.cache

D

.vite-cache

3

多选题

Vite 进行依赖预构建的主要原因有哪些？

A

将 CommonJS/UMD 转换为 ESM 格式

B

提高性能，减少浏览器请求次数

C

处理循环依赖问题

D

支持 Node.js 模块 polyfill

4

多选题

关于依赖预构建的性能优化，以下哪些说法正确？

A

使用 esbuild 进行预构建，速度很快

B

预构建结果会被缓存，避免重复构建

C

预构建会影响冷启动速度

D

依赖更新时会自动重新预构建

5

判断题

optimizeDeps.include 可以强制将某些依赖加入预构建列表。

A

对

B

错

6

单选题

optimizeDeps.exclude 配置项的作用是什么？

A

排除不需要打包的依赖

B

排除不需要预构建的依赖

C

排除不需要安装的依赖

D

排除不需要类型检查的依赖

7

多选题

以下哪些情况需要使用 optimizeDeps.include 强制预构建？

A

动态导入的依赖

B

深层导入的依赖（如 lib/sub/path）

C

类型定义依赖

D

需要特殊处理的依赖

8

多选题

optimizeDeps 配置项有哪些子选项？

A

include（强制包含）

B

exclude（排除）

C

esbuildOptions（esbuild 配置）

D

force（强制重建）

9

判断题

删除 node_modules/.vite 目录可以强制 Vite 重新进行依赖预构建。

A

对

B

错

10

单选题

启动 Vite 时强制重新预构建，应该使用哪个命令行参数？

A

--rebuild

B

--force

C

--clean

D

--reset

11

多选题

哪些情况需要强制重新预构建？

A

依赖版本更新后

B

预构建缓存损坏或过期

C

遇到依赖相关的错误

D

添加新的 npm 依赖后

12

多选题

强制重新预构建有哪些方法？

A

删除 node_modules/.vite 目录

B

使用 --force 命令行参数

C

配置 optimizeDeps.force: true

D

重启开发服务器

📝 发现内容有误？点击此处直接编辑

想查看更多习题和详细解析？

小程序提供完整的题库和详细解析

长按或扫描二维码，立即体验