vite · Vite Docs
Backend Integration | Vite (main branch)
Explains how to integrate Vite with various backend technologies and server-side rendering setups to ensure proper asset handling and development workflows.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Backend Integration | Vite (main branch)
Explains how to integrate Vite with various backend technologies and server-side rendering setups to ensure proper asset handling and development workflows.
When To Use
Use when configuring a Vite project to work alongside a backend server or implementing server-side rendering strategies.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/main-vite-backend-integration-branch-workflow-guide.md | A guide explaining how to serve Vite-generated assets using a traditional backend server like Rails or Laravel. | Questions about a guide explaining how to serve Vite-generated assets using a traditional backend server like Rails or Laravel. |
examples/main-vite-backend-integration-branch-vite-backend-integration-config.text | A vite configuration object demonstrating server CORS settings and manifest generation for backend integration. | Exact payloads, commands, or snippets shown in A vite configuration object demonstrating server CORS settings and manifest generation for backend integration. |
examples/main-vite-backend-integration-branch-vite-backend-integration-app-entry.text | A code snippet demonstrating how to add the beginning of an application entry point for backend integration in Vite. | Exact payloads, commands, or snippets shown in A code snippet demonstrating how to add the beginning of an application entry point for backend integration in Vite. |
examples/main-vite-backend-integration-branch-vite-backend-integration-developmen.text | A text snippet demonstrating the use of HTML conditional comments for backend integration during development. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the use of HTML conditional comments for backend integration during development. |
examples/main-vite-backend-integration-branch-vite-backend-integration-react-refr.text | A text snippet demonstrating the React refresh runtime preamble required for backend integration with Vite. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the React refresh runtime preamble required for backend integration with Vite. |
examples/main-vite-backend-integration-branch-vite-backend-integration-manifest-m.text | A text representation of the asset manifest mapping used for backend integration in Vite. | Exact payloads, commands, or snippets shown in A text representation of the asset manifest mapping used for backend integration in Vite. |
examples/main-vite-backend-integration-branch-vite-backend-integration-manifest-c.text | A TypeScript interface definition for the ManifestChunk object used in Vite backend integration. | Exact payloads, commands, or snippets shown in A TypeScript interface definition for the ManifestChunk object used in Vite backend integration. |
examples/main-vite-backend-integration-branch-vite-backend-integration-production.text | A text snippet demonstrating conditional logic for handling CSS files and chunks using the Vite manifest during 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 backe... |
examples/main-vite-backend-integration-branch-vite-backend-integration-html-link-.text | An HTML snippet demonstrating how to include a linked stylesheet within a Vite backend integration setup. | Exact payloads, commands, or snippets shown in An HTML snippet demonstrating how to include a linked stylesheet within a Vite backend integration setup. |
examples/main-vite-backend-integration-branch-vite-backend-integration-guide-main.text | A text-based guide explaining how to integrate Vite with a backend server using the main branch configuration. | Exact payloads, commands, or snippets shown in A text-based guide explaining how to integrate Vite with a backend server using the main branch configuration. |
examples/main-vite-backend-integration-branch-vite-backend-integration-manifest-c-2.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://main.vite.dev/guide/backend-integration