Vite中级技能认证测试

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

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

Vite 插件兼容 Rollup 插件接口，大部分 Rollup 插件可以直接在 Vite 中使用。

Vite 插件的 enforce 选项用于控制什么？

以下哪些是 Vite 插件的独有钩子（非 Rollup 兼容）？

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

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

Vite 使用 esbuild 进行 TypeScript 转译，速度比 tsc 更快。

Vite 对 TypeScript 的处理不包括什么？

Vue 项目必须配置 @vitejs/plugin-vue 插件才能正确编译 .vue 单文件组件。

@vitejs/plugin-react 插件为 React 项目提供 Fast Refresh 支持。

Svelte 项目需要配置 @sveltejs/vite-plugin-svelte 插件来编译 .svelte 文件。

通过 build.rollupOptions.manualChunks 可以自定义代码分割策略。

Vite 默认使用 esbuild 进行 JS/CSS 压缩，也可以切换到 terser。

build.rollupOptions.manualChunks 配置可以自定义代码分割策略，将模块打包到指定的 chunk。

server.proxy 配置可以解决开发环境 API 跨域问题。

server.proxy 配置可以将开发环境 API 请求代理到后端服务器，解决跨域问题。

Vite SSR 模式下，服务端使用 vite.ssrLoadModule 加载应用入口模块。

Vite SSR 使用服务器端模块图来追踪模块依赖关系，在服务端渲染时加载完整模块链。