https://github.com/brandonkramer/ddev-vite
This add-on simply adds a yaml config that exposes and routes the ports necessary to load up the Vite dev server.
https://github.com/brandonkramer/ddev-vite
ddev vite vitejs wordpress
Last synced: 8 months ago
JSON representation
This add-on simply adds a yaml config that exposes and routes the ports necessary to load up the Vite dev server.
- Host: GitHub
- URL: https://github.com/brandonkramer/ddev-vite
- Owner: brandonkramer
- Archived: true
- Created: 2023-07-02T04:10:52.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-13T02:10:18.000Z (over 1 year ago)
- Last Synced: 2025-04-01T04:41:38.446Z (about 1 year ago)
- Topics: ddev, vite, vitejs, wordpress
- Homepage:
- Size: 35.2 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
** see https://github.com/mrOttoW/ddev-wordpress-vite for updated repository **
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](https://vitejs.dev)
## Getting started
Install the DDEV add-on:
For DDEV v1.23.5 or above run
```shell
ddev add-on get brandonkramer/ddev-vite
```
For earlier versions of DDEV run
```shell
ddev get brandonkramer/ddev-vite
```
Then restart your project
```shell
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)
```shell
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"
```