Vite 是一款面向现代前端开发的构建工具,核心特点是基于原生 ES 模块实现即时服务器启动、极快的热更新(HMR),以及使用 Rolldown/Rollup 进行优化的生产构建。它开箱即用地支持 TypeScript、JSX 和 CSS 预处理器,并拥有丰富的插件生态。
本技能基于 Vite 6.x,生成于 2026-01-28,按主题组织为多个参考文档,便于在配置 Vite、添加插件、使用开发服务器或执行构建时查阅。
核心主题
配置(core-config):配置文件设置、defineConfig、条件配置与异步配置。
CLI 命令(core-cli):开发服务器、构建、预览命令及其选项。
核心特性(core-features):TypeScript、JSX、CSS、HTML 处理与 JSON 处理。
使用插件(core-plugins):添加、配置与排序插件。
功能主题
CSS 处理(features-css):CSS 模块、预处理器、PostCSS、Lightning CSS。
静态资源(features-assets):资源导入、public 目录、URL 处理。
Glob 导入(features-glob-import):import.meta.glob、动态导入、批量加载。
环境变量(features-env):.env 文件、模式、import.meta.env 常量。
HMR API(features-hmr):热模块替换客户端 API。
Web Worker(features-workers):Worker 导入与配置。
依赖预打包(features-dep-bundling):optimizeDeps、缓存、monorepo 设置。
构建主题
生产构建(build-production):构建选项、浏览器目标、多页应用。
库模式(build-library):构建库并配置正确的包导出。
SSR(build-ssr):服务端渲染的设置与配置。
高级主题
JavaScript API(advanced-api):createServer、build、preview 等编程式 API。
插件 API(advanced-plugin-api):创建 Vite 插件、钩子、虚拟模块。
性能(advanced-performance):开发服务器与构建的优化技巧。
后端集成(advanced-backend):将 Vite 与传统后端集成。
适用场景:需要在项目中配置 Vite、添加或管理插件、使用开发服务器、处理 CSS 与静态资源、配置环境变量、进行生产构建或库构建、实现 SSR、编写自定义插件,以及将 Vite 集成到传统后端时,可参考对应主题。
限制:本技能基于 Vite 6.x,生成于 2026-01-28;资料未提供其他版本兼容性、收费、价格或平台支持等具体信息。