用途:Vite 是前端构建工具,开发阶段用原生 ES 模块直接提供源文件,生产构建基于 Rollup 做优化打包。
主要能力:内置多项常见能力,无需额外插件。TypeScript 由 esbuild 转译(比 tsc 快 20-30 倍),但只转译不做类型检查,需另跑 tsc --noEmit;.module.css 自动作为 CSS 模块返回作用域对象;.scss、.sass、.less、.styl 开箱可用,只需安装对应预处理器本身;支持 JSON 具名导入并被 tree-shaking;import.meta.glob('./dir/.js') 原生处理多模块动态导入;支持 new Worker(new URL('./worker.js', import.meta.url)) 及 ?worker 后缀;?url、?raw、?inline 后缀可改变静态资源导入方式;内置 .env 文件加载与 import.meta.env。
用法要点:客户端变量必须以 VITE_ 前缀命名,否则不会暴露到浏览器端;环境变量始终是字符串,如 import.meta.env.VITE_PORT 为 "3000",需显式转换,如 Number(import.meta.env.VITE_PORT) 或 import.meta.env.VITE_FLAG === 'true';修改 .env 需重启开发服务器,不会触发 HMR;NODE_ENV 与 --mode 相互独立,例如 vite build --mode staging 仍会设置 NODE_ENV=production,若需改变需以 shell 变量方式设置。
限制:Vite 各版本 API 存在变化,官方资料建议写代码前先获取并核对当前文档,不要假定某配置项或插件 API 存在;本条目未提供具体版本号、安装命令与定价等信息。