# Vite Config

> Generates vite.config.ts for building and serving the Vue 3 application. Configures dev server, API proxy, build format, and plugins.

- Skill: `diegosouzapw/vite-config` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add diegosouzapw/vite-config`
- Raw SKILL.md: https://api.skillmd.com/api/skills/diegosouzapw/vite-config/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: diegosouzapw (https://skillmd.com/u/diegosouzapw)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/diegosouzapw/vite-config

---


# Vite Config Skill

## Purpose
Generate the `vite.config.ts` file for building and serving the Vue 3 application.

## Input Parameters
Read from `copilot-instructions.md` and `docs/requirements/application-parameters.md`:
- `application_id`: The application ID for style tag
- `default_port`: The development server port
- `api_base_path`: The base path for API proxy
- `vite_build_format`: The build output format (system or es)

## Output
Create the file: `vite.config.ts`

## Template
See: `examples.md` in this directory for complete template and detailed examples.

## Notes
- The proxy configuration should be updated with the actual backend service URL
- The `appId` is imported from the global constants file
- CSS is injected by JavaScript in build mode for single-spa compatibility
- SVG loader is configured to preserve viewBox for proper scaling