iconagency / wordpress_vite
IconAgency WordPress Vite Plugin
Installs: 859
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Type:wordpress-muplugin
Requires
- php: >=7.4
- wordpress/core-implementation: >=5.9.0
README
Integrates Vite HMR and dist with WordPress.
Installing
"require": { "iconagency/wordpress_vite": "^1.0.0", },
Add style.css requirements
Add the vite config to your theme/style.css
/* Theme Name: YourTheme Theme URI: https://your.domain.com/ Description: YourTheme Wordpress theme Version: 2.0.0 Author: You Author URI: https://your.domain.com/ License: MIT License License URI: http://opensource.org/licenses/MIT Vite Client: http://localhost:8000/@vite/client Vite Entry: js/app.js Vite Dist: dist/ */
Example vite config
import { defineConfig } from "vite"; export default ({ mode }) => { return defineConfig({ base: mode === "development" ? "/" : "/app/themes/iconagency/dist/", build: { manifest: true, rollupOptions: { input: ["js/app.js"], output: { entryFileNames: `[name].js` }, }, }, server: { cors: true, port: 8000, hmr: { host: "localhost", protocol: "ws", }, }, }); };
Dev mode
WP_DEBUG should be true to enable the dev server client.