vite

Agent Skills › uni-helper/skills › vite

GitHub

基于Vite 6.x的前端构建工具技能，涵盖配置、CLI、插件、HMR、SSR及生产构建等核心功能，适用于开发服务器配置、插件集成及优化构建流程。

skills/vite/SKILL.md uni-helper/skills

触发场景

配置 Vite 项目添加或管理 Vite 插件调整开发服务器选项执行生产环境构建处理 TypeScript 或 CSS 预处理器

安装

npx skills add uni-helper/skills --skill vite -g -y

更多选项

不安装直接使用

npx skills use uni-helper/skills@vite

指定 Agent (Claude Code)

npx skills add uni-helper/skills --skill vite -a claude-code -g -y

安装 repo 全部 skill

npx skills add uni-helper/skills --all -g -y

预览 repo 内 skill

npx skills add uni-helper/skills --list

SKILL.md

Frontmatter

{
    "name": "vite",
    "metadata": {
        "author": "Anthony Fu",
        "source": "Generated from https:\/\/github.com\/vitejs\/vite, scripts located at https:\/\/github.com\/antfu\/skills",
        "version": "2026.1.28"
    },
    "description": "Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working with dev server, or building for production."
}

Vite is a modern build tool for frontend development featuring instant server start with native ES modules, lightning-fast HMR, and optimized production builds using Rolldown/Rollup. It supports TypeScript, JSX, CSS pre-processors out of the box and has a rich plugin ecosystem.

The skill is based on Vite 6.x, generated at 2026-01-28.

Core

Topic	Description	Reference
Configuration	Config file setup, defineConfig, conditional and async configs	core-config
CLI Commands	Dev server, build, preview commands and options	core-cli
Core Features	TypeScript, JSX, CSS, HTML processing, JSON handling	core-features
Using Plugins	Adding, configuring, and ordering plugins	core-plugins

Features

Topic	Description	Reference
CSS Handling	CSS modules, pre-processors, PostCSS, Lightning CSS	features-css
Static Assets	Asset imports, public directory, URL handling	features-assets
Glob Import	import.meta.glob, dynamic imports, batch loading	features-glob-import
Environment Variables	.env files, modes, import.meta.env constants	features-env
HMR API	Hot Module Replacement client API	features-hmr
Web Workers	Worker imports and configuration	features-workers
Dependency Pre-Bundling	optimizeDeps, caching, monorepo setup	features-dep-bundling

Build

Topic	Description	Reference
Production Build	Build options, browser targets, multi-page apps	build-production
Library Mode	Building libraries with proper package exports	build-library
SSR	Server-side rendering setup and configuration	build-ssr

Advanced

Topic	Description	Reference
JavaScript API	createServer, build, preview programmatic APIs	advanced-api
Plugin API	Creating Vite plugins, hooks, virtual modules	advanced-plugin-api
Performance	Optimization tips for dev server and builds	advanced-performance
Backend Integration	Integrating Vite with traditional backends	advanced-backend