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
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="[email protected]" --url="https://wp-vite-playground.ddev.site"
You can find more info and a project example that works with it here: https://github.com/wp-strap/wp-vite-starter