全部学科
Python全栈
python
NodeJS全栈
nodejs

Vite高级技能认证测试

20 题 40 分钟 难度:★★★
💡 参考答案在文末
判断题
1

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

A

B

2

Vitepress 是基于 Vite 的静态站点生成器,专为技术文档设计。

A

B

3

Vitest 是基于 Vite 的单元测试框架,与 Vite 共享配置和转换管道。

A

B

单选题
4

Vite 构建产物部署到 CDN 的关键配置是什么?

A

设置 base 配置项指向 CDN URL

B

配置 build.publicPath

C

使用 vite-plugin-cdn

D

修改 rollupOptions 输出路径

5

为 Vite 构建产物配置 SRI(Subresource Integrity)的安全目的是什么?

A

加速资源加载

B

防止 CDN 资源被篡改

C

减小文件体积

D

支持跨域访问

6

SSR 客户端注水(hydration)的性能瓶颈通常是什么?

A

服务端渲染速度慢

B

客户端重复渲染和服务端相同的组件

C

数据预取时间长

D

HTML 传输体积大

7

Vite 插件中,config 钩子与 configResolved 钩子的主要区别是什么?

A

config 在配置解析前执行,configResolved 在配置解析后执行

B

config 只在开发阶段执行,configResolved 只在构建阶段执行

C

config 可以修改配置,configResolved 只能读取最终配置

D

config 是 Rollup 钩子,configResolved 是 Vite 独有钩子

8

Vite 独有的插件钩子只在哪个阶段执行?

A

构建阶段

B

开发阶段(serve)

C

两个阶段都执行

D

根据配置决定

9

Vite 构建产物部署到 CDN 需要配置哪个选项?

A

build.outDir

B

base 配置为 CDN URL

C

build.assetsDir

D

publicDir

10

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

A

使用 esbuild 编译速度快

B

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

C

使用缓存避免重复编译

D

依赖预构建减少模块数

11

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

A

使用多线程并行处理

B

Go 语言编写,执行效率高

C

简化的语法解析逻辑

D

以上都是

12

提升 Vite Tree Shaking 效果的关键措施是什么?

A

使用 ES Module 格式编写代码

B

正确标记 package.json 中的 sideEffects

C

避免使用动态导入

D

A 和 B 都是

13

在 Vite 中实现 Module Federation,推荐使用什么插件?

A

webpack-module-federation

B

@originjs/vite-plugin-federation

C

vite-plugin-micro-frontends

D

@module-federation/vite

14

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

A

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

B

配置 exposes 暴露共享模块

C

配置 shared 声明共享依赖

D

B 和 C 都是

15

分析 Vite 构建产物体积分布,推荐使用什么工具?

A

webpack-bundle-analyzer

B

rollup-plugin-visualizer

C

vite-plugin-analyze

D

source-map-explorer

16

SSR 客户端"注水"(hydration)的性能瓶颈通常是什么?

A

服务端渲染生成 HTML 太慢

B

客户端 JavaScript 下载和执行耗时

C

服务端数据获取延迟

D

首屏渲染阻塞其他资源

多选题
17

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

A

模块图构建和依赖分析

B

代码分割(chunk 分割)

C

Tree Shaking 删除无用代码

D

代码压缩和优化

18

以下哪些是 Vite 独有的插件钩子?

A

config

B

configResolved

C

configureServer

D

transformIndexHtml

19

选择性注水(Selective Hydration)优化策略有哪些?

A

用户交互时优先注水对应组件

B

使用 Suspense 延迟注水非关键部分

C

按优先级分批注水组件

D

禁用所有注水改为纯静态

20

优化首屏加载的动态导入策略包括?

A

路由级代码分割

B

组件预加载(prefetch)

C

关键组件内联到首屏

D

所有组件都动态导入

参考答案
1.正确 2.正确 3.正确 4.A 5.B 6.B 7.C 8.B 9.B 10.B 11.D 12.D 13.B 14.D 15.B 16.B 17.A;B;C 18.A;B;C;D 19.A;B;C 20.A;B
想在手机上练习这套试卷?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码
← 上一套试卷 Vite概述与安装专题测试
下一套试卷 → 基础配置入门专题测试
扫码体验小程序
加载中
想在手机上刷题学习?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码