SuperAPI AI 工具集

vite

编程与开发

查看项目

更新于 10-15 23:31

技能介绍

用途:Vite 是新一代前端构建工具,提供基于原生 ESM 与 HMR 的快速开发服务器,以及优化后的生产构建。本资料基于 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)、环境 API(Vite 6+ 多环境支持、自定义运行时)以及 Rolldown 迁移(Vite 8 的打包器、转换器与配置迁移变化)。

使用方式:偏好使用 TypeScript,优先 vite.config.ts;始终使用 ESM,避免 CommonJS。常用 CLI 命令:vite 启动开发服务器,vite build 生产构建,vite preview 预览生产构建,vite build --ssr 进行 SSR 构建。配置示例中可设置 plugins、resolve.alias、server.port 与 proxy、build.target 与 outDir。官方插件包括 @vitejs/plugin-vue、@vitejs/plugin-vue-jsx、@vitejs/plugin-react、@vitejs/plugin-react-swc、@vitejs/plugin-legacy。

适用场景:Vite 项目开发、vite.config.ts 配置、Vite 插件编写、构建与 SSR 相关任务,以及从旧版本迁移到 Vite 8 Rolldown 的场景。

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