vite · Vite Docs
Vite Vite Migration from v7
Provides a step-by-step guide for upgrading projects from Vite version 7 to newer versions, including breaking changes and configuration updates.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Vite Vite Migration from v7
Provides a step-by-step guide for upgrading projects from Vite version 7 to newer versions, including breaking changes and configuration updates.
When To Use
Use when upgrading a project from Vite v7 to a newer version and needing to identify breaking changes or required configuration adjustments.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/vite-migration-from-v7-workflow-guide.md | A guide detailing the breaking changes and migration steps required when upgrading from Vite version 7, including updates to browser targets and the dependency optimizer. | Questions about a guide detailing the breaking changes and migration steps required when upgrading from Vite version 7, including upd... |
examples/vite-migration-from-v7-vite-migration-v7-to-v8-package-json.text | A package.json snippet demonstrating the dependency version updates required when migrating from Vite v7 to v8. | Exact payloads, commands, or snippets shown in A package.json snippet demonstrating the dependency version updates required when migrating from Vite v7 to v8. |
examples/vite-migration-from-v7-vite-migration-v7-plugin-configresolved.text | A code example demonstrating the use of the configResolved hook within a Vite plugin during a version 7 migration. | Exact payloads, commands, or snippets shown in A code example demonstrating the use of the configResolved hook within a Vite plugin during a version 7 migration. |
examples/vite-migration-from-v7-vite-migration-v7-plugin-configresolved-2.text | A code example demonstrating the use of the configResolved hook within a Vite plugin during a version 7 migration. | Exact payloads, commands, or snippets shown in A code example demonstrating the use of the configResolved hook within a Vite plugin during a version 7 migration. |
examples/vite-migration-from-v7-vite-migration-v7-dependency-installation-command.text | A list of npm install commands required to add necessary dependencies for migrating to Vite v7. | Exact payloads, commands, or snippets shown in A list of npm install commands required to add necessary dependencies for migrating to Vite v7. |
examples/vite-migration-from-v7-vite-migration-v7-dependency-installation-command-2.text | Shell commands for installing required Babel plugins and Rolldown plugins for the Vite v7 migration. | Exact payloads, commands, or snippets shown in Shell commands for installing required Babel plugins and Rolldown plugins for the Vite v7 migration. |
examples/vite-migration-from-v7-vite-migration-v7-dependency-installation-command-3.text | A list of pnpm commands required to install necessary dependencies for migrating to Vite v7. | Exact payloads, commands, or snippets shown in A list of pnpm commands required to install necessary dependencies for migrating to Vite v7. |
examples/vite-migration-from-v7-vite-migration-v7-dependency-installation-command-4.text | A list of bun commands required to install necessary dependencies for migrating to Vite v7. | Exact payloads, commands, or snippets shown in A list of bun commands required to install necessary dependencies for migrating to Vite v7. |
examples/vite-migration-from-v7-vite-migration-v7-deno-rolldown-babel-installatio.text | A command to add rolldown-plugin-babel and babel-plugin-proposal-decorators dependencies using deno. | Exact payloads, commands, or snippets shown in A command to add rolldown-plugin-babel and babel-plugin-proposal-decorators dependencies using deno. |
examples/vite-migration-from-v7-vite-migration-v7-decorator-preset-config.text | A vite configuration example demonstrating how to use a decorator preset with babel during a version migration. | Exact payloads, commands, or snippets shown in A vite configuration example demonstrating how to use a decorator preset with babel during a version migration. |
examples/vite-migration-from-v7-vite-migration-v7-swc-installation-command.text | The shell command to install @rollup/plugin-swc and @swc/core for migrating to Vite v7. | Exact payloads, commands, or snippets shown in The shell command to install @rollup/plugin-swc and @swc/core for migrating to Vite v7. |
examples/vite-migration-from-v7-vite-migration-v7-swc-dependency-installation.text | A shell command to install @rollup/plugin-swc and @swc/core as part of the Vite v7 migration process. | Exact payloads, commands, or snippets shown in A shell command to install @rollup/plugin-swc and @swc/core as part of the Vite v7 migration process. |
examples/vite-migration-from-v7-vite-migration-v7-swc-plugin-installation-command.text | A text command showing how to install @rollup/plugin-swc and @swc/core using pnpm for the Vite v7 migration. | Exact payloads, commands, or snippets shown in A text command showing how to install @rollup/plugin-swc and @swc/core using pnpm for the Vite v7 migration. |
examples/vite-migration-from-v7-vite-migration-v7-swc-plugin-installation-command-2.text | A text command for installing the Rollup SWC plugin and SWC core using bun for Vite v7 migration. | Exact payloads, commands, or snippets shown in A text command for installing the Rollup SWC plugin and SWC core using bun for Vite v7 migration. |
examples/vite-migration-from-v7-vite-migration-v7-deno-swc-plugin-installation.text | A command line instruction for adding rollup-plugin-swc and swc-core dependencies using deno to facilitate the Vite v7 migration. | Exact payloads, commands, or snippets shown in A command line instruction for adding rollup-plugin-swc and swc-core dependencies using deno to facilitate the Vite v... |
examples/vite-migration-from-v7-vite-migration-v7-defineconfig-withfilter-plugin.text | A configuration example demonstrating the use of defineConfig and withFilter for plugin transformation during a Vite v7 migration. | Exact payloads, commands, or snippets shown in A configuration example demonstrating the use of defineConfig and withFilter for plugin transformation during a Vite... |
examples/vite-migration-from-v7-vite-migration-v7-esm-external-require-plugin-con.text | A configuration example demonstrating the use of the esmExternalRequirePlugin for migrating to Vite v7. | Exact payloads, commands, or snippets shown in A configuration example demonstrating the use of the esmExternalRequirePlugin for migrating to Vite v7. |
examples/vite-migration-from-v7-vite-migration-v7-error-handling.text | A code snippet demonstrating how to catch and iterate through error objects during a Vite build process. | Exact payloads, commands, or snippets shown in A code snippet demonstrating how to catch and iterate through error objects during a Vite build process. |
examples/vite-migration-from-v7-vite-migration-v7-plugin-txt-loader.text | A code example demonstrating a custom text loader plugin implementation during a Vite version migration. | Exact payloads, commands, or snippets shown in A code example demonstrating a custom text loader plugin implementation during a Vite version migration. |
What This Skill Covers
- Are you an LLM? You can read better optimized documentation at /guide/migration.md for this page in Markdown format
- Main sections:
Default Browser Target Change NRV ,Rolldown ,Gradual Migration ,Dependency Optimizer Now Uses Rolldown ,JavaScript Transforms by Oxc .
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/migration