Vite高级技能认证测试

服务端渲染生成 HTML 太慢

客户端 JavaScript 下载和执行耗时

服务端数据获取延迟

首屏渲染阻塞其他资源

服务端渲染速度慢

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

数据预取时间长

HTML 传输体积大

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

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

按优先级分批注水组件

禁用所有注水改为纯静态

webpack-bundle-analyzer

rollup-plugin-visualizer

vite-plugin-analyze

source-map-explorer

使用 ES Module 格式编写代码

正确标记 package.json 中的 sideEffects

避免使用动态导入

A 和 B 都是

路由级代码分割

组件预加载（prefetch）

关键组件内联到首屏

所有组件都动态导入

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

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

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

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

构建阶段

开发阶段（serve）

两个阶段都执行

根据配置决定

config

configResolved

configureServer

transformIndexHtml

使用 esbuild 编译速度快

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

使用缓存避免重复编译

依赖预构建减少模块数

使用多线程并行处理

Go 语言编写，执行效率高

简化的语法解析逻辑

以上都是

模块图构建和依赖分析

代码分割（chunk 分割）

Tree Shaking 删除无用代码

代码压缩和优化

webpack-module-federation

@originjs/vite-plugin-federation

vite-plugin-micro-frontends

@module-federation/vite

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

配置 exposes 暴露共享模块

配置 shared 声明共享依赖

B 和 C 都是

对

错

设置 base 配置项指向 CDN URL

配置 build.publicPath

使用 vite-plugin-cdn

修改 rollupOptions 输出路径

加速资源加载

防止 CDN 资源被篡改

减小文件体积

支持跨域访问

build.outDir

base 配置为 CDN URL

build.assetsDir

publicDir

对

错

对

错