Vite构建工具配置和生态系统。涵盖 vite.config.ts 设置、插件创作和流行插件、开发服务器配置（代理、HMR、HTTPS）、构建优化（分块、tree-shaking、手动分块、rollupOptions）、发布包的库模式、SSR 配置、环境变量（.env 处理）、多页面应用程序、CSS 处理（PostCSS、CSS 模块、预处理器）和资产处理。 在配置 Vite 项目、编写 Vite 插件、优化构建、设置开发服务器代理、配置 SSR、处理环境变量或排除 Vite 问题时使用。
通过命令行快速安装 vite AI 技能到你的开发环境
来源：oakoss/agent-skills。
Vite is a next-generation frontend build tool that provides instant dev server start via native ES modules and optimized production builds via Rollup. It supports TypeScript, JSX, CSS preprocessors, and static assets out of the box with zero configuration.
When to use: Single-page apps, multi-page apps, library publishing, SSR applications, monorepo packages, any modern frontend project needing fast dev feedback and optimized builds.
When NOT to use: Legacy browsers requiring ES5 output without transpilation, projects locked to Webpack-specific loaders with no Vite equivalents, non-JavaScript build pipelines.
Vite构建工具配置和生态系统。涵盖 vite.config.ts 设置、插件创作和流行插件、开发服务器配置（代理、HMR、HTTPS）、构建优化（分块、tree-shaking、手动分块、rollupOptions）、发布包的库模式、SSR 配置、环境变量（.env 处理）、多页面应用程序、CSS 处理（PostCSS、CSS 模块、预处理器）和资产处理。 在配置 Vite 项目、编写 Vite 插件、优化构建、设置开发服务器代理、配置 SSR、处理环境变量或排除 Vite 问题时使用。 来源：oakoss/agent-skills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/oakoss/agent-skills --skill viteVite构建工具配置和生态系统。涵盖 vite.config.ts 设置、插件创作和流行插件、开发服务器配置（代理、HMR、HTTPS）、构建优化（分块、tree-shaking、手动分块、rollupOptions）、发布包的库模式、SSR 配置、环境变量（.env 处理）、多页面应用程序、CSS 处理（PostCSS、CSS 模块、预处理器）和资产处理。 在配置 Vite 项目、编写 Vite 插件、优化构建、设置开发服务器代理、配置 SSR、处理环境变量或排除 Vite 问题时使用。 来源：oakoss/agent-skills。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/oakoss/agent-skills --skill vite 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/oakoss/agent-skills