Start Vite dev server in the current directory and run a custom command whenever a file changes
npm install vite-and-runnpx vite-and-run "your_command" starts a Vite server and runs a custom command when files are changed and triggers a hot reload.
It's just a wrapper around Vite + vite-plugin-watch-and-run together.
But it's easier to use a single npx command than to install and configure everything.
``
npx vite-and-run "echo Hello"
- Starts a Vite server in current directory
- Runs echo Hello command when any file in current directory is changed.
- Triggers a hot reload in the browser.
`
npx vite-and-run "tailwindcss -o output.css" "index.html"
- Starts a Vite server in current directory
- Runs tailwindcss -o output.css command when index.html is changed.
- Triggers a hot reload in the browser.
`
npx vite-and-run "node start.js" "src/*.jpg" 1000
- Starts a Vite server in current directory
- Runs node start.js command when src/*.jpg files are changed with a 1000` milliseconds delay. Delay is useful when you make changes to multiple files at once and you want to prevent multiple executions of the command.
- Triggers a hot reload in the browser.