vite · Vite Docs
Vite Vite Using Plugins
Explains how to integrate and configure Vite plugins within the build tool to extend its functionality.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Vite Vite Using Plugins
Explains how to integrate and configure Vite plugins within the build tool to extend its functionality.
When To Use
Use when you need to extend Vite's core capabilities by installing, configuring, or implementing custom plugins in your build pipeline.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/vite-using-plugins-workflow-guide.md | A guide explaining how to extend Vite using Rollup-compatible plugins, including plugin ordering and conditional application. | Questions about a guide explaining how to extend Vite using Rollup-compatible plugins, including plugin ordering and conditional appl... |
examples/vite-using-plugins-legacy-plugin-installation.text | The command to install the @vitejs/plugin-legacy package via npm for use in a Vite configuration. | Exact payloads, commands, or snippets shown in The command to install the @vitejs/plugin-legacy package via npm for use in a Vite configuration. |
examples/vite-using-plugins-legacy-plugin-config.text | A configuration example demonstrating how to integrate the @vitejs/plugin-legacy into a Vite project. | Exact payloads, commands, or snippets shown in A configuration example demonstrating how to integrate the @vitejs/plugin-legacy into a Vite project. |
examples/vite-using-plugins-rollup-image-plugin.text | A configuration example demonstrating how to integrate the @rollup/plugin-image into a Vite configuration using the plugins array. | Exact payloads, commands, or snippets shown in A configuration example demonstrating how to integrate the @rollup/plugin-image into a Vite configuration using the p... |
examples/vite-using-plugins-rollup-plugin-typescript2.text | A configuration example demonstrating how to integrate the rollup-plugin-typescript2 into a Vite plugin array. | Exact payloads, commands, or snippets shown in A configuration example demonstrating how to integrate the rollup-plugin-typescript2 into a Vite plugin array. |
What This Skill Covers
- Are you an LLM? You can read better optimized documentation at /guide/using-plugins.md for this page in Markdown format
- Main sections:
Adding a Plugin ,Finding Plugins ,Enforcing Plugin Ordering ,Conditional Application ,Building Plugins .
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/guide/using-plugins