Configure Vite build tooling, plugins, SSR, and Rolldown migration.
npx skills add https://github.com/1Chen1y1111/vue3-template --skill vite-1chen1y1111
Please help me install this Agent Skill. Skill: vite Source: https://github.com/1Chen1y1111/vue3-template/tree/main/.agents/skills/vite Command: npx skills add https://github.com/1Chen1y1111/vue3-template --skill vite-1chen1y1111
This Skill helps developers navigate the complexities of Vite's build tool, enabling efficient configuration, plugin development, and understanding of advanced features like SSR and Rolldown migration.
vite.config.ts for various project needs.Use the vite skill to find the configuration for setting up a Vite project with a proxy.
High-intent search queries and answers about installing and using this skill.
To configure a proxy in Vite, you modify the vite.config.ts file to define proxy rules for your development server. This setup allows your local development environment to route API requests and bypass CORS issues during build processes.
Vite SSR works by leveraging the build tool's native module loading to render components on the server. You configure SSR settings within vite.config.ts to manage environment variables and optimize build patterns for server-side rendering.
Yes, you can use the Vite Plugin API to create custom plugins that generate virtual modules. This mechanism allows you to inject dynamic code and state into your application during the build process without physical files.
Migrating to Rolldown involves adapting your Vite project to the new bundler and Oxc transformer introduced in Vite 8. This migration aims to optimize build processes and improve performance by leveraging Rolldown's internal mechanisms.
You need environment variables in Vite to manage distinct configuration settings across different deployment stages. Loading these variables within vite.config.ts ensures your build process securely injects runtime context without hardcoding sensitive data.
Yes, Vite supports multi-page application builds through specific configuration in vite.config.ts. You define multiple entry points to ensure the build tool correctly processes and bundles assets for each page within your project.
digital-stoic-orgInitialize OpenSpec structure by detecting project framework and language.
brainbrewlabsPublishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.
fusengineConfigure Vite for Laravel projects with HMR and production builds.
jholhewresAnalyze JavaScript bundle sizes for Vite and Webpack projects.