WP Vite WP Registry grade A. No security issues foundWP RegistryNo security issues foundOpen the reportA #10 in Developer Tools
Wordpress Plugin for Vite
Install
Upload it under Plugins → Add New Plugin → Upload Plugin, then activate.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/evo-mark/wp-vite/releases/download/v1.3.4/evomark-wp-vite.zipOn Packagist as southcoastweb/wp-vite:
composer require southcoastweb/wp-vite
WP Vite
Tags: wordpress, vite, esbuild, development, production, build Requires at least: 6.0 Tested up to: 6.7 Requires PHP: 8.2 License: MIT License URI: https://mit-license.org/
Bring Vite's lightning fast build process to your Wordpress theme or plugin
Usage
Inside your plugin entry file or function.php file (for themes) simply include the following:
use EvoMark\WpVite\WpVite;
$vite = new WpVite;
$vite->enqueue([
'namespace' => 'theme-vite',
'input' => ["src/main.js"],
]);The enqueue function takes a single associative array as a parameter. Here are the properties it can contain:
| arg | type | required | description |
|---|---|---|---|
| namespace | string | true | A unique namespace for the manifest being enqueued |
| input | string|string[] | true | One or more entry files. These must match exactly the ones defined in your Vite config file |
| dependencies | string[] | false | Wordpress JS dependencies for your manifest. In production, these will be mapped to the window object |
| admin | bool | false | Enqueue the inputs for Wordpress admin pages instead of frontend |
| absolutePath | string | false | Override the absolute path of your build folder |
| absoluteUrl | string | false | Override the absolute URL of your build folder |
| buildDirectory | string | false | Override the name of your build subfolder (default 'build') |
| priority | int | false | Set the Wordpress priority of your script(s) |
Frontend
You will require the Wordpress Vite Plugin installed as part of your build process. See link for installation instructions
Frequently Asked Questions
-
Does this work with Gutenberg block development?
No. This plugin currently does not support usage in the development of block libraries. For that, we recommend Vite Plugin Gutenberg Blocks.
Releases
Newest 25 of 29 recorded releases. Each count is every asset in that release; expand a row for the breakdown.
Active-site estimate ≈10 comes from the median of recent superseded releases. Method.