在开发 AI 大模型评测平台时，Vite 作为构建工具通常承担哪些开发与构建职责？
考察说明
考查对 Vite 在真实项目中的构建与开发作用的理解。
回答思路
- 【回答框架 1】Vite 的核心是基于原生 ES 模块的开发服务器，利用浏览器原生 import 实现按需编译，启动快、热更新（HMR）高效。生产构建则通过 Rollup 打包，内置代码分割、资源处理等优化。
- 【回答框架 2】在 AI 大模型评测平台中，Vite 可用于搭建前端工程，管理 Vue 组件、样式和静态资源。开发时提供即时反馈，生产构建产出可部署的静态文件，便于集成到评测平台的 Web 界面。
- 【回答框架 3】Vite 支持 TypeScript、JSX、CSS 预处理器等，可通过插件体系扩展功能，如自动导入组件、环境变量管理等。需要注意配置代理以解决跨域请求，尤其是对接后端评测 API 时。
- 【回答框架 4】生产构建需注意代码拆分和缓存策略，利用 Vite 的 manualChunks 优化依赖分包，提升加载性能。同时，需处理不同浏览器兼容性，通过构建目标配置和 Polyfill 方案。
- 【关键点 1】开发环境利用原生 ES 模块实现按需编译，启动和热更新快。
- 【关键点 2】生产构建基于 Rollup，支持代码分割和资源优化。
- 【关键点 3】通过插件系统扩展生态，配置代理解决开发跨域。
- 【关键点 4】构建目标影响兼容性，需根据平台用户调整。
- 【易错点 1】避免将开发服务器直接用于生产，性能和安全不足。
- 【易错点 2】注意依赖预构建可能带来的缓存问题，必要时强制更新。
- 【易错点 3】生产构建需关注体积和加载性能，避免忽视代码分割。