Skip to content

This add-on simply adds a yaml config that exposes and routes the ports necessary to load up the Vite dev server.

Notifications You must be signed in to change notification settings

brandonkramer/ddev-vite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

vite logo

What is ddev-vite?

This add-on simply adds a yaml config that exposes and routes the ports necessary to load up the Vite dev server ande make use of their HMR features inside DDEV.

You can read more about ViteJS on vitejs.dev

Getting started

Install the DDEV add-on and restart the server:

ddev get wp-strap/ddev-vite
ddev restart

Or simply bootstrap a new WP project with these combined commands using this add-on: (make sure to change title & URL inside wp core install command accordingly)

mkdir wordpress 
ddev config --docroot=wordpress --project-type=wordpress
ddev get wp-strap/ddev-vite
ddev start
ddev exec wp core download --path="wordpress"
ddev exec wp core install --path="wordpress" --title="WPVitePlayground" --admin_name="admin" --admin_password="password" --admin_email="admin@local.ddev" --url="https://wp-vite-playground.ddev.site"

Project Example

You can find more info and a project example that works with it here: https://github.com/wp-strap/wp-vite-starter

About

This add-on simply adds a yaml config that exposes and routes the ports necessary to load up the Vite dev server.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published