vite · Vite Docs
Vite Vite Backend Integration
Explains how to integrate Vite with a backend server by configuring the development server to proxy requests or by using middleware to handle server-side rendering and asset serving.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Vite Vite Backend Integration
Explains how to integrate Vite with a backend server by configuring the development server to proxy requests or by using middleware to handle server-side rendering and asset serving.
When To Use
Use when you need to configure a Vite development server to work alongside a backend framework like Express, Koa, or Go to handle routing and asset proxying.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/vite-backend-integration-workflow-guide.md | A guide explaining how to use Vite to serve assets while using a traditional backend like Rails or Laravel to serve HTML. | Questions about a guide explaining how to use Vite to serve assets while using a traditional backend like Rails or Laravel to serve H... |
examples/vite-backend-integration-vite-config.text | A vite.config.js configuration example demonstrating server CORS settings and manifest generation for backend integration. | Exact payloads, commands, or snippets shown in A vite.config.js configuration example demonstrating server CORS settings and manifest generation for backend integra... |
examples/vite-backend-integration-app-entry.text | A text snippet demonstrating the initial application entry point configuration for integrating Vite with a backend server. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the initial application entry point configuration for integrating Vite with a backend se... |
examples/vite-backend-integration-development-conditional-comment.text | A text snippet demonstrating the use of HTML comments to conditionally render content during Vite development. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the use of HTML comments to conditionally render content during Vite development. |
examples/vite-backend-integration-react-refresh-preamble.text | A text snippet demonstrating the React Refresh preamble script required for Vite backend integration. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the React Refresh preamble script required for Vite backend integration. |
examples/vite-backend-integration-manifest.text | A text representation of a manifest file mapping asset filenames to their respective paths and metadata for backend integration. | Exact payloads, commands, or snippets shown in A text representation of a manifest file mapping asset filenames to their respective paths and metadata for backend i... |
examples/vite-backend-integration-manifest-chunk-interface.text | A TypeScript interface definition for the Vite ManifestChunk object used during backend integration. | Exact payloads, commands, or snippets shown in A TypeScript interface definition for the Vite ManifestChunk object used during backend integration. |
examples/vite-backend-integration-production-manifest-logic.text | A text snippet demonstrating conditional logic for handling CSS files and chunks using the Vite manifest during production backend integration. | Exact payloads, commands, or snippets shown in A text snippet demonstrating conditional logic for handling CSS files and chunks using the Vite manifest during produ... |
examples/vite-backend-integration-html-link-asset.text | An HTML snippet demonstrating how to link a stylesheet asset within a Vite backend integration setup. | Exact payloads, commands, or snippets shown in An HTML snippet demonstrating how to link a stylesheet asset within a Vite backend integration setup. |
examples/vite-backend-integration-html-link-stylesheet.text | An HTML snippet demonstrating how to include a shared CSS stylesheet within a Vite backend integration setup. | Exact payloads, commands, or snippets shown in An HTML snippet demonstrating how to include a shared CSS stylesheet within a Vite backend integration setup. |
examples/vite-backend-integration-manifest-chunk-helper.text | A TypeScript function that traverses a Vite manifest to retrieve all imported chunks for a specific entry point. | Exact payloads, commands, or snippets shown in A TypeScript function that traverses a Vite manifest to retrieve all imported chunks for a specific entry point. |
What This Skill Covers
- Are you an LLM? You can read better optimized documentation at /guide/backend-integration.md for this page in Markdown format
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://vite.dev/guide/backend-integration