SuperAPI AI 工具集

vite

前端与建站

查看项目

更新于 10-15 18:37

技能介绍

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;资料未提供其他版本兼容性、收费、价格或平台支持等具体信息。