Vite 6.x 前端构建工具：极速开发与高效构建指南 | 配置、插件、优化全解析

vite by uni-helper/skills

251 周安装量

42 GitHub Stars

安装命令

npx skills add https://github.com/uni-helper/skills --skill vite

🇨🇳中文介绍

Vite 是一款现代化的前端构建工具，具备基于原生 ES 模块的即时服务器启动、闪电般的热模块替换（HMR）以及使用 Rolldown/Rollup 的优化生产构建等特性。它开箱即用地支持 TypeScript、JSX、CSS 预处理器，并拥有丰富的插件生态系统。

此技能基于 Vite 6.x 版本，生成于 2026-01-28。

核心

主题	描述	参考链接
配置	配置文件设置、defineConfig、条件配置和异步配置	core-config
命令行指令	开发服务器、构建、预览命令及其选项	core-cli
核心特性	TypeScript、JSX、CSS、HTML 处理、JSON 处理	core-features
使用插件	添加、配置和排序插件	core-plugins

特性

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

相关 Skills

网页可访问性（A11y）开发指南：实现WCAG合规、键盘导航与屏幕阅读器支持

12,600 周安装

GSAP时间轴动画教程：创建多步骤序列动画与关键帧控制

3,600 周安装

GSAP React 动画库使用指南：useGSAP Hook 与最佳实践

3,400 周安装

GSAP 框架集成指南：Vue、Svelte 等框架中 GSAP 动画最佳实践

3,200 周安装

主题	描述	参考链接
CSS 处理	CSS 模块、预处理器、PostCSS、Lightning CSS	features-css
静态资源	资源导入、public 目录、URL 处理	features-assets
全局导入	import.meta.glob、动态导入、批量加载	features-glob-import
环境变量	.env 文件、模式、import.meta.env 常量	features-env
HMR API	热模块替换客户端 API	features-hmr
Web Workers	Worker 导入与配置	features-workers
依赖预构建	optimizeDeps、缓存、monorepo 设置	features-dep-bundling

主题	描述	参考链接
生产构建	构建选项、浏览器目标、多页面应用	build-production
库模式	使用正确的包导出构建库	build-library
SSR	服务端渲染设置与配置	build-ssr

主题	描述	参考链接
JavaScript API	createServer、build、preview 编程式 API	advanced-api
插件 API	创建 Vite 插件、钩子、虚拟模块	advanced-plugin-api
性能	开发服务器和构建的优化技巧	advanced-performance
后端集成	将 Vite 与传统后端集成	advanced-backend

🇺🇸English

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

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

Weekly Installs

175

Repository

uni-helper/skills

GitHub Stars

First Seen

Jan 30, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

codex165

gemini-cli162

opencode162

github-copilot159

kimi-cli158

amp158