用途:Vite 是现代前端构建工具,提供极快的 ESM 开发服务器、丰富的插件生态,以及用于跨运行时 SSR 的灵活 Environment API。适合需要即时启动开发服务器与快速 HMR 的 React、Vue、Svelte、Solid 应用开发,也适用于生产打包、SSR/组件库/SPA 构建,以及配合 Vitest 做单元与组件测试。
主要能力:开发阶段使用 ESM 开发服务器与 HMR;生产构建基于 Rollup 与 esbuild,支持 tree-shaking 与代码分割;通过 vite.config.ts 配置插件、路径别名、本地 HTTPS、端口与构建目标;支持静态资源导入(如 ?raw)和原生 ESM Web Worker;可通过 server.proxy 配置开发反向代理解决 CORS;可通过 rollupOptions.output.manualChunks 拆分 vendor 包。
使用方式:脚手架命令为 npm create vite@latest my-app -- --template react-ts,随后 cd my-app && npm install && npm run dev。配置在 vite.config.ts 中用 defineConfig 声明插件、resolve.alias、server、build 等;Vitest 可直接在 vite.config.ts 的 test 字段配置。更新依赖后如出现优化依赖警告,可运行 npx vite --force 或删除 node_modules/.vite。
限制与注意:应采用标准 import.meta.glob,而非 Webpack 的 require.context、module.hot;生产公开构建保留 sourcemap 而未上传私有错误追踪服务存在风险;dist/ 与 .vite/ 缓存目录不应提交到 Git;CI 中建议 strictPort: true 避免端口回退冲突。资料未提供收费、价格与平台信息,暂未提供。