>Agent Skill

@majiayu000/vite-config

skilldevelopment

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

typescriptjavascriptapi-design

apm::install

$apm install @majiayu000/vite-config

apm::skill.md

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

# 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