vite · Vite Docs
Vite Vite Configuring
Explains how to customize the Vite development server and build tool behavior through the vite.config.js file, including plugin integration and option settings.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Vite Vite Configuring
Explains how to customize the Vite development server and build tool behavior through the vite.config.js file, including plugin integration and option settings.
When To Use
Use when you need to modify build settings, add plugins, or customize the development server behavior in a Vite project.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/vite-configuring-workflow-guide.md | Documentation regarding Vite configuration options including Intellisense, conditional, async, and environment variable usage. | Questions about documentation regarding Vite configuration options including Intellisense, conditional, async, and environment variab... |
examples/vite-configuring-vite-config-javascript.text | A JavaScript code example demonstrating the basic structure and syntax for a vite.config.js configuration file. | Exact payloads, commands, or snippets shown in A JavaScript code example demonstrating the basic structure and syntax for a vite.config.js configuration file. |
examples/vite-configuring-vite-config-cli-command-usage.text | A text example demonstrating how to use the --config flag with the Vite CLI to specify a custom configuration file. | Exact payloads, commands, or snippets shown in A text example demonstrating how to use the --config flag with the Vite CLI to specify a custom configuration file. |
examples/vite-configuring-vite-config-userconfig-js.text | A JavaScript configuration file demonstrating the Vite UserConfig type definition and basic export structure. | Exact payloads, commands, or snippets shown in A JavaScript configuration file demonstrating the Vite UserConfig type definition and basic export structure. |
examples/vite-configuring-vite-config-defineconfig-javascript.text | A JavaScript code example demonstrating the use of the defineConfig function to configure a Vite project. | Exact payloads, commands, or snippets shown in A JavaScript code example demonstrating the use of the defineConfig function to configure a Vite project. |
examples/vite-configuring-vite-config-userconfig-typescript.text | A TypeScript example demonstrating how to define a Vite configuration object using the UserConfig type. | Exact payloads, commands, or snippets shown in A TypeScript example demonstrating how to define a Vite configuration object using the UserConfig type. |
examples/vite-configuring-vite-config-defineconfig-callback-function.text | A vite configuration file demonstrating the use of the defineConfig callback function to access command, mode, and build environment variables. | Exact payloads, commands, or snippets shown in A vite configuration file demonstrating the use of the defineConfig callback function to access command, mode, and bu... |
examples/vite-configuring-vite-config-defineconfig-async-function.text | An example of a Vite configuration file using an asynchronous defineConfig function to fetch data before returning the configuration object. | Exact payloads, commands, or snippets shown in An example of a Vite configuration file using an asynchronous defineConfig function to fetch data before returning th... |
examples/vite-configuring-vite-config-define-loadenv.text | A vite configuration file demonstrating how to use loadEnv to inject environment variables into the define object. | Exact payloads, commands, or snippets shown in A vite configuration file demonstrating how to use loadEnv to inject environment variables into the define object. |
examples/vite-configuring-vite-config-debug-javascript-terminal-options.text | A text configuration snippet demonstrating the debug.javascript.terminalOptions setting for Vite development. | Exact payloads, commands, or snippets shown in A text configuration snippet demonstrating the debug.javascript.terminalOptions setting for Vite development. |
What This Skill Covers
- Are you an LLM? You can read better optimized documentation at /config.md for this page in Markdown format
- Main sections:
Config Intellisense ,Conditional Config ,Async Config ,Using Environment Variables in Config ,Debugging the Config File on VS Code .
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://vite.dev/config