Add configurePreviewServer support to vite-plugin for vite preview mode #444
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
The Netlify vite plugin now supports
vite preview
mode by implementing theconfigurePreviewServer
hook, providing the same Netlify environment emulation during preview as it does during development.Problem
Previously, the plugin only worked with
vite dev
through theconfigureServer
hook. Users runningvite preview
to test their production builds locally would not get Netlify's environment features like functions, redirects, headers, and other platform-specific functionality.Solution
Added
configurePreviewServer
hook that mirrors the functionality ofconfigureServer
:Key Changes
configurePreviewServer
following Vite's plugin APIsetupNetlifyEnvironment()
function to eliminate duplication between dev and preview modesvite preview
, showing Netlify environment messagesBenefits
vite preview
and get full Netlify environment emulationvite dev
functionalityTesting
The plugin now logs the same "Environment loaded" and feature messages during preview mode, confirming that functions, redirects, headers, and other Netlify features are properly emulated.
✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.