Vite建構工具配置和生態系統。涵蓋 vite.config.ts 設定、外掛程式創作和熱門外掛程式、開發伺服器設定（代理程式、HMR、HTTPS）、建置最佳化（分塊、tree-shaking、手動分塊、rollupOptions）、發布套件的程式庫模式、SSR 配置、環境變數（.env 處理）、多頁應用程式、CSS 處理（PostCSS、CSS 處理模組、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 處理模組、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 處理模組、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