** see https://github.com/mrOttoW/ddev-wordpress-vite for updated repository **
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:
For DDEV v1.23.5 or above run
ddev add-on get brandonkramer/ddev-vite
For earlier versions of DDEV run
ddev get brandonkramer/ddev-vite
Then restart your project
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 add-on get brandonkramer/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"