vite-for-wp-v0.12

Automate WordPress asset management using Vite dev and production manifests.

1|Updated Mar 6, 2026

Search Tags:#manifest #vite #wordpress #code-splitting #dev-server #hmr

Ready to run

npx skills add https://github.com/zenbuapps/zenbu-powers --skill vite-for-wp-v0-12

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vite-for-wp-v0.12
Source: https://github.com/zenbuapps/zenbu-powers/tree/main/skills/vite-for-wp-v0.12
Command: npx skills add https://github.com/zenbuapps/zenbu-powers --skill vite-for-wp-v0-12

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vite for WordPress unifies asset workflows, enabling seamless development and production builds for WordPress plugins and themes by integrating Vite with WordPress's enqueue system and manifest handling.

Core Features & Use Cases

Integrates Vite with WordPress via the v4wp plugin to manage entry points, dev server manifests, and hashed production assets
Automatically traverses code-split chunks to register CSS and assets in production and manages dev-server assets in development
Supports React, CSS extraction, HMR, and external externals with a robust development-to-production workflow for WordPress plugins/themes

Quick Start

Run the vite-for-wp setup by configuring vite.config.js with v4wp and starting the dev server for development, then build for production deployment.

Frequently Asked Questions about vite-for-wp-v0.12

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

FAQPage Schema

How do I integrate Vite with WordPress plugin and theme asset workflows?▼

Configure vite.config.js with v4wp to manage entry points, dev server manifests, and hashed production assets. Running the dev server enables HMR, while building handles production deployment and code-split chunk traversal.

Does Vite handle code-splitting and HMR for WordPress development?▼

Vite supports code-splitting by automatically traversing chunks to register CSS and assets in production. It also provides HMR and React support during development via the integrated dev server.

Can I use Vite for WordPress to manage both development and production manifests?▼

Yes, Vite for WordPress manages both environments by utilizing a dev server manifest during development and traversing production manifests to register hashed CSS and assets for deployment.

What is the best way to register hashed assets and CSS from Vite in WordPress?▼

Use Vite for WordPress to automatically traverse production manifests and code-split chunks, registering hashed CSS and assets directly with the WordPress enqueue system for reliable deployment.

Why do I need a dev server manifest for WordPress theme development with Vite?▼

A dev server manifest is needed to manage dev-server assets reliably and enable HMR. It satisfies vite-for-wp integration requirements, bridging Vite's dev server with WordPress.