Vite 的开发服务器是如何工作的？

Vite 内置了一个基于 Node.js 的开发服务器，它不生成打包产物，而是充当一个智能的静态文件与模块转换服务。

1. 按需响应模块请求

开发服务器启动后，浏览器通过标准 import 语句请求模块，Vite 拦截这些请求，对 TypeScript、JSX、CSS、Vue 单文件组件等做即时转换后再返回，浏览器无需感知源文件的原始格式。

2. 语义化路径与模块解析

Vite 会处理模块解析逻辑，把裸模块标识符（如 import 'lodash'）映射到 node_modules 中实际的文件路径，并处理路径别名、tsconfig 路径映射等配置，让开发时的导入体验与最终构建保持一致。

3. 与构建共用同一套转换逻辑

开发服务器与生产构建共享 Vite 核心的转换与插件管线，保证开发环境与生产环境的模块处理行为一致，减少"本地能跑、上线报错"的偏差。