skills.rest
duynhne
duynhneCOMMUNITY
Explore all skills by this author →
GitHub

vite-expert

Optimize Vite bundling and dev-server performance through ES module handling and caching.

Updated Oct 17, 2025
Search Tags:#vite#bundling#ssr#plugin-development#build-optimization#hmr#esm-first
One-click install
npx skills add https://github.com/duynhne/monitoring --skill vite-expert-duynhne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vite-expert
Source: https://github.com/duynhne/monitoring/tree/main/.agent/skills/vite-expert
Command: npx skills add https://github.com/duynhne/monitoring --skill vite-expert-duynhne

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves complex Vite bundling and dev-server performance challenges by optimizing ES module handling, chunking strategies, and plugin orchestration to deliver faster builds and snappier development experiences.

Core Features & Use Cases

  • Advanced Vite configuration for modern ES module workflows, multi-framework support (React/Vue/Svelte), and library mode.
  • Production-grade build optimizations including manual chunking, target pruning, and asset/caching optimization for large apps and monorepos.
  • HMR and dev-server performance tuning for rapid feedback in heavy projects, plus SSR/library-mode setups.

Quick Start

Start by scaffolding a defineConfig-based vite.config.js using this skill's strategies, then run vite and iterate on chunking and plugin order to achieve faster rebuilds and smaller bundles.

Frequently Asked Questions about vite-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize Vite bundling and dev-server performance for a large monorepo?▼

Vite HMR performance tuning improves rapid feedback in heavy projects by optimizing ES module handling and caching. It targets dev-server bottlenecks to deliver snappier development experiences without slow rebuilds.

Can I use Vite library mode and SSR setups with advanced ES module workflows?▼

Vite production builds optimize asset and caching through manual chunking, target pruning, and plugin orchestration. These strategies deliver smaller bundles and faster builds for large apps and monorepos.

Why does my Vite dev-server run slowly during heavy project development?▼

Vite dev-server performance slows from unoptimized ES module handling and plugin orchestration. Tuning HMR and caching strategies resolves heavy project bottlenecks to deliver snappier development experiences.

What is the best way to configure Vite chunking strategies for multi-framework support?▼

The best way to configure Vite chunking is by scaffolding a defineConfig-based vite.config.js with manual chunking and plugin orchestration. This supports React, Vue, and Svelte workflows while achieving smaller bundles.

Related Skills

Explore More Software Engineering Skills→
wjyugutouwjyugutou

vite

Configure Vite projects, plugin APIs, and SSR setups in vite.config.ts.

Community
Advanced
messebmesseb

vite

Optimizes Vite build configurations for frontend projects' performance and best practices.

Community
Intermediate
gil00pitagil00pita

vite

Configure Vite builds and dev servers for React, Vue, and Svelte projects.

Community
Intermediate
gil00pitagil00pita

rollup

Bundle JavaScript libraries into esm, cjs, and umd outputs.

Community
Advanced