SuperAPI AI 工具集

vite

编程与开发

查看项目

更新于 10-15 21:36

技能介绍

用途:Vite 是新一代前端构建工具,提供基于原生 ESM 与 HMR 的快速开发服务器,以及优化后的生产构建。本技能面向使用 Vite 的项目,覆盖 vite.config.ts、Vite 插件、构建与 SSR 等场景,基于 Vite 8 beta(由 Rolldown 打包器与 Oxc 转换器驱动)。

主要能力:配置方面涉及 vite.config.ts、defineConfig、条件配置与 loadEnv;核心特性包括 import.meta.glob、资源查询(?raw、?url)、import.meta.env 与 HMR API;插件 API 涵盖 Vite 专有钩子、虚拟模块与插件排序;构建与 SSR 涵盖库模式、SSR 中间件模式、ssrLoadModule 与 JavaScript API;高级部分包括 Vite 6+ 的多环境支持与自定义运行时,以及 Vite 8 的 Rolldown 迁移(打包器、Oxc 转换器与配置迁移)。

使用方式:偏好使用 TypeScript,优先 vite.config.ts;始终使用 ESM,避免 CommonJS。常用 CLI 命令:vite 启动开发服务器,vite build 生产构建,vite preview 预览生产构建,vite build --ssr 进行 SSR 构建。官方插件包括 @vitejs/plugin-vue、@vitejs/plugin-vue-jsx、@vitejs/plugin-react、@vitejs/plugin-react-swc、@vitejs/plugin-legacy。

适用场景:Vite 项目的配置与插件开发、库模式与 SSR 构建、多环境运行时,以及从旧版本迁移到 Vite 8 Rolldown。

限制:资料未提供具体版本兼容范围、性能数据、收费信息或完整迁移步骤,相关细节暂未提供。