How does it handle API proxying?

It automatically configures the Vite development server proxy using your defined base path to route local requests to your backend services.

Where does the skill get its configuration parameters?

It intelligently reads parameters like application ID and API paths from your project's copilot-instructions.md and requirements documentation.

Can I use this for micro-frontend development?

Yes, it includes specialized configurations for single-spa compatibility, including build-time CSS injection and SystemJS support.

Does this skill support Vue 2 projects?

This skill is specifically designed and optimized for Vue 3 application structures and modern Vite plugins.

Vite Configuration Generator

Name: Vite Configuration Generator
Author: majiayu000

bymajiayu000

•

Deployment & DevOps

Generates optimized vite.config.ts files for Vue 3 applications, handling build formats, API proxies, and plugin integration.

About

This skill automates the creation of complex Vite configuration files tailored for the Vue 3 ecosystem. It streamlines the setup of development servers, API proxying, and production build formats like ES modules or SystemJS, ensuring seamless compatibility with micro-frontend architectures such as single-spa. By extracting parameters from your project's documentation, it handles technical details like CSS injection, SVG scaling, and global constants, allowing developers to focus on building features rather than wrestling with build tool boilerplate.

Key Features

Support for both SystemJS and ES build formats
Micro-frontend ready with single-spa CSS injection
Optimized SVG loader configuration for proper scaling
Configurable API proxy and dev server port settings
Automated vite.config.ts generation for Vue 3
64 GitHub stars

Use Cases

Standardizing Vite configurations across multiple enterprise applications
Setting up a new Vue 3 project with production-ready build requirements
Configuring micro-frontends for integration into a single-spa orchestrator

About

Key Features

Support for both SystemJS and ES build formats
Micro-frontend ready with single-spa CSS injection
Optimized SVG loader configuration for proper scaling
Configurable API proxy and dev server port settings
Automated vite.config.ts generation for Vue 3
64 GitHub stars

Use Cases

Standardizing Vite configurations across multiple enterprise applications
Setting up a new Vue 3 project with production-ready build requirements
Configuring micro-frontends for integration into a single-spa orchestrator