用途:为使用 Vite 8.0.10 作为构建工具的 React 等 Web 应用提供配置与优化指导,文档依据官方 Vite 文档(https://vite.dev/)。面向 Vite 8+、React 19+、TypeScript 5.5+、Vitest 2+ 及现代 ESM 优先的前端构建。
主要能力:项目初始化与 vite.config.js 配置;开发服务器自定义选项;构建优化与打包;代码分割、懒加载与动态导入;图片与 CSS 资源优化;CSS 代码分割与模块解析;HMR 配置;开发代理;环境变量处理;source map 配置;官方与社区插件使用及自定义插件编写。
使用方式:技能可跨 GitHub Copilot、Claude Code、Codex 使用。Copilot 需放在可见技能路径或用项目指令包装;Claude Code 放在本地技能目录或兼容插件源;Codex 需同步到 $CODEX_HOME/skills/vite-development 并在重大变更后重启。无需 MCP 服务器,回退提示为“Use the Vite Development skill without MCP...”,不得在宿主未暴露 MCP 时声称使用了 MCP 操作。
适用场景:初始化 Vite 项目、配置插件、设置开发服务器、优化打包体积、配置懒加载、资源优化、HMR、API 代理、环境变量、source map、插件生态与自定义插件。
限制与注意:避免硬编码环境相关 URL;插件顺序不可随意;快速 HMR 不保证生产产物质量。验证需绑定具体路由/组件/界面,覆盖加载、空、错误、成功与响应式断点,并在窄屏、纯键盘路径和慢加载状态下压力测试。相关技能包括 javascript-development、react-development、web-testing、frontend-design。具体收费、价格与平台支持范围暂未提供。