skills.rest
zenbuapps
zenbuappsOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/zenbuapps/zenbu-powers --skill vite-for-wp-v0-12
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
duranserkanduranserkan
20

frontend-buildwww-vite

Automate multi-target frontend builds with Vite and TypeScript.

Community
Advanced
WPdoactionWPdoaction
9

wp-phpstan

Configure and run PHPStan with WordPress-specific typing for plugins and themes.

Official
Advanced
cenjiecenjie

react-vite-best-practices

Optimize React and Vite builds by tuning configuration and chunking.

Community
Advanced
AutomatticAutomattic
576

activitypub-integrations

Integrate the ActivityPub plugin with WordPress plugins via hooks and filters.

Official
Basic