AgentSkillsCN

vite-config

为 Vue 3 应用程序的构建与服务生成 vite.config.ts 配置文件，同时对开发服务器、API 代理、构建格式及各类插件进行灵活配置。

SKILL.md
--- frontmatter
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