全部学科

通用技术

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

Python全栈

NodeJS全栈

📝 1 篇文章 15 道配套习题

配置文件深入专题

专题说明

本专题深入介绍 Vite 配置文件的高级用法，帮助开发者掌握条件配置与环境配置技巧。

学习目标

掌握基于环境/命令的条件配置
学会配置文件的共享与复用
理解配置解析与合并机制

学习内容

条件配置：基于 mode/command 的配置切换
配置共享：多项目配置复用
配置解析流程：config 钩子与合并

学习建议

尝试为不同环境创建条件配置，体验配置切换效果。

📝 配套习题（15 题）

💡 参考答案在文末

判断题

1

可以将公共 Vite 配置抽取到单独文件，在不同项目或环境间复用。

A

对

B

错

2

Vite 配置文件可以导出一个函数，根据命令和环境动态返回不同配置。

A

对

B

错

3

resolve.extensions 配置项用于定义导入时自动尝试的文件扩展名列表。

A

对

B

错

4

修改 vite.config.js 文件后，开发服务器会自动重启以应用新配置。

A

对

B

错

5

define 配置项用于在代码中定义全局常量，替代 import.meta.env。

A

对

B

错

单选题

6

使用 define 配置项定义 VERSION 常量，正确的格式是？

A

define: { VERSION: '1.0.0' }

B

define: { 'VERSION': '"1.0.0"' }

C

define: { VERSION: JSON.stringify('1.0.0') }

D

define: { 'VERSION': '1.0.0' }

7

如何根据 Vite 运行命令返回不同的配置？

A

使用 if 语句判断 process.env.NODE_ENV

B

导出函数并判断传入的 command 参数

C

创建多个配置文件分别处理

D

在配置对象中使用条件表达式

8

envDir 配置项的作用是什么？

A

设置环境变量的输出目录

B

设置 .env 文件的查找目录

C

设置源代码的环境配置目录

D

设置构建时的环境缓存目录

9

合并多个配置对象的推荐方式是使用什么？

A

Object.assign()

B

ES6 扩展运算符 {...base, ...custom}

C

deepMerge 工具函数

D

Vite 内置的 mergeConfig 函数

10

添加 .vue 扩展名到自动解析列表，应该如何配置？

A

extensions: ['.vue']

B

extensions: ['.js', '.vue']

C

resolve: { extensions: ['.vue'] }

D

resolve: { extensions: ['.js', '.ts', '.vue'] }

多选题

11

在 monorepo 项目中共享 Vite 配置，以下哪些做法是有效的？

A

创建 vite.config.base.js 存放公共配置

B

各项目导入并合并公共配置

C

使用工作区共享依赖

D

所有项目使用完全相同的配置文件

12

哪些配置项的修改需要重启开发服务器才能生效？

A

server.port（端口）

B

resolve.alias（别名）

C

plugins（插件列表）

D

server.proxy（代理配置）

13

define 配置项有哪些典型应用场景？

A

定义应用版本号

B

在条件判断中移除调试代码

C

定义构建时间戳

D

替换 import.meta.env 的所有用法

14

Vite 配置函数可以接收哪些参数？

A

command（当前运行的命令）

B

mode（当前的模式）

C

ssrBuild（是否是 SSR 构建）

D

env（环境变量对象）

15

关于 resolve.extensions 配置，以下哪些说法正确？

A

扩展名列表顺序影响解析效率

B

默认包含 .mjs、.js、.ts、.json 等

C

自定义扩展名应放在列表开头

D

配置后会覆盖而非追加到默认列表

参考答案

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

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

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