vite · Vite Docs
Vite Vite Features
Overview of core Vite capabilities including Hot Module Replacement, optimized build processes, and support for various module types.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Vite Vite Features
Overview of core Vite capabilities including Hot Module Replacement, optimized build processes, and support for various module types.
When To Use
Use when determining which build tool features are available for a project or understanding how Vite handles module loading and development server updates.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/vite-features-workflow-guide.md | A markdown document detailing core Vite features including dependency pre-bundling, hot module replacement, TypeScript support, and transpilation. | Questions about a markdown document detailing core Vite features including dependency pre-bundling, hot module replacement, TypeScrip... |
examples/vite-features-guide-overview.text | A text-based overview of the core features and capabilities provided by the Vite build tool. | Exact payloads, commands, or snippets shown in A text-based overview of the core features and capabilities provided by the Vite build tool. |
examples/vite-features-guide.text | A text-based overview of the core features and capabilities provided by the Vite build tool. | Exact payloads, commands, or snippets shown in A text-based overview of the core features and capabilities provided by the Vite build tool. |
examples/vite-features-compiler-options-types-configuration.text | A text snippet demonstrating the configuration of compilerOptions types for Vite client and global libraries. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the configuration of compilerOptions types for Vite client and global libraries. |
examples/vite-features-client-types-reference.text | A text file containing the TypeScript reference directive for vite client type definitions. | Exact payloads, commands, or snippets shown in A text file containing the TypeScript reference directive for vite client type definitions. |
examples/vite-features-svg-module-declaration.text | A TypeScript module declaration snippet for importing SVG files as React functional components in a Vite project. | Exact payloads, commands, or snippets shown in A TypeScript module declaration snippet for importing SVG files as React functional components in a Vite project. |
examples/vite-features-configuration-options.text | A text-based list of core Vite features and configuration capabilities described in the official documentation. | Exact payloads, commands, or snippets shown in A text-based list of core Vite features and configuration capabilities described in the official documentation. |
examples/vite-features-env-reference-types.text | A TypeScript reference directive for overriding Vite environment type definitions. | Exact payloads, commands, or snippets shown in A TypeScript reference directive for overriding Vite environment type definitions. |
examples/vite-features-guide-overview-2.text | A text representation of the Vite features guide documentation outlining core capabilities and architectural advantages. | Exact payloads, commands, or snippets shown in A text representation of the Vite features guide documentation outlining core capabilities and architectural advantages. |
examples/vite-features-defineconfig-oxc-jsx-configuration.text | A configuration example using defineConfig to set up oxc with a preact import source for JSX. | Exact payloads, commands, or snippets shown in A configuration example using defineConfig to set up oxc with a preact import source for JSX. |
examples/vite-features-defineconfig-oxc-jsx-inject.text | A configuration example demonstrating how to use the oxc plugin to inject React imports via defineConfig in Vite. | Exact payloads, commands, or snippets shown in A configuration example demonstrating how to use the oxc plugin to inject React imports via defineConfig in Vite. |
examples/vite-features-css-syntax.text | A text example demonstrating CSS syntax and styling capabilities within Vite. | Exact payloads, commands, or snippets shown in A text example demonstrating CSS syntax and styling capabilities within Vite. |
examples/vite-features-vite-css-modules-usage.text | A text example demonstrating how to import and apply CSS module classes to a DOM element in Vite. | Exact payloads, commands, or snippets shown in A text example demonstrating how to import and apply CSS module classes to a DOM element in Vite. |
examples/vite-features-css-attribute-transformation.text | A text example demonstrating how Vite transforms CSS attribute names like .apply-color into camelCase via its feature set. | Exact payloads, commands, or snippets shown in A text example demonstrating how Vite transforms CSS attribute names like .apply-color into camelCase via its feature... |
examples/vite-features-preprocessor-installation-commands.text | Terminal commands for installing sass, less, and stylus preprocessors in a Vite project. | Exact payloads, commands, or snippets shown in Terminal commands for installing sass, less, and stylus preprocessors in a Vite project. |
examples/vite-features-css-import-injection.text | A text example demonstrating how Vite injects imported CSS files into the page. | Exact payloads, commands, or snippets shown in A text example demonstrating how Vite injects imported CSS files into the page. |
examples/vite-features-asset-import.text | A code snippet demonstrating how to import an image asset and assign its URL to an element's source attribute in Vite. | Exact payloads, commands, or snippets shown in A code snippet demonstrating how to import an image asset and assign its URL to an element's source attribute in Vite. |
examples/vite-features-asset-url-import.text | An example demonstrating how to explicitly load assets as URLs in a Vite project. | Exact payloads, commands, or snippets shown in An example demonstrating how to explicitly load assets as URLs in a Vite project. |
examples/vite-features-asset-import-as-string.text | A code example demonstrating how to import assets as raw strings using Vite's special import suffix. | Exact payloads, commands, or snippets shown in A code example demonstrating how to import assets as raw strings using Vite's special import suffix. |
examples/vite-features-web-worker-loading.text | A code example demonstrating how to load Web Workers within a Vite project. | Exact payloads, commands, or snippets shown in A code example demonstrating how to load Web Workers within a Vite project. |
examples/vite-features-web-worker-base64-inline.text | A code example demonstrating how to inline Web Workers as base64 strings during the Vite build process. | Exact payloads, commands, or snippets shown in A code example demonstrating how to inline Web Workers as base64 strings during the Vite build process. |
examples/vite-features-import-named-exports.text | A text example demonstrating how to import Vite features as named exports to facilitate tree-shaking. | Exact payloads, commands, or snippets shown in A text example demonstrating how to import Vite features as named exports to facilitate tree-shaking. |
examples/vite-features-import-meta-glob.text | A code example demonstrating the usage of the import.meta.glob function for glob import patterns in Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function for glob import patterns in Vite. |
examples/vite-features-module-graph.text | A text representation of a module graph structure showing how Vite maps module paths to dynamic import functions. | Exact payloads, commands, or snippets shown in A text representation of a module graph structure showing how Vite maps module paths to dynamic import functions. |
examples/vite-features-module-loading-javascript.text | A JavaScript code snippet demonstrating how Vite handles module loading and path resolution within its feature set. | Exact payloads, commands, or snippets shown in A JavaScript code snippet demonstrating how Vite handles module loading and path resolution within its feature set. |
examples/vite-features-import-meta-glob-2.text | A code example demonstrating the usage of the import.meta.glob function in Vite to eagerly import multiple modules. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function in Vite to eagerly import multiple modules. |
examples/vite-features-glob-import.text | A text example demonstrating how to use Vite's glob import feature to import multiple modules using pattern matching. | Exact payloads, commands, or snippets shown in A text example demonstrating how to use Vite's glob import feature to import multiple modules using pattern matching. |
examples/vite-features-import-meta-glob-3.text | A code example demonstrating the usage of import.meta.glob for eager and lazy module glob imports in Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of import.meta.glob for eager and lazy module glob imports in Vite. |
examples/vite-features-import-meta-glob-4.text | A code example demonstrating the usage of import.meta.glob for pattern-based module imports in Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of import.meta.glob for pattern-based module imports in Vite. |
examples/vite-features-module-resolution.text | A text example demonstrating how Vite handles module resolution and dynamic imports for directory-based modules. | Exact payloads, commands, or snippets shown in A text example demonstrating how Vite handles module resolution and dynamic imports for directory-based modules. |
examples/vite-features-import-meta-glob-5.text | A code example demonstrating the usage of the import.meta.glob function in Vite to eagerly or lazily import multiple modules. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function in Vite to eagerly or lazily import multiple... |
examples/vite-features-module-import.text | A JavaScript code snippet demonstrating how Vite handles module imports and dynamic loading for specific file paths. | Exact payloads, commands, or snippets shown in A JavaScript code snippet demonstrating how Vite handles module imports and dynamic loading for specific file paths. |
examples/vite-features-import-meta-glob-6.text | A code example demonstrating the usage of the import.meta.glob function in Vite to import multiple modules. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function in Vite to import multiple modules. |
examples/vite-features-glob-import-2.text | A code example demonstrating how Vite handles glob import patterns to resolve multiple modules. | Exact payloads, commands, or snippets shown in A code example demonstrating how Vite handles glob import patterns to resolve multiple modules. |
examples/vite-features-import-meta-glob-7.text | A code example demonstrating the usage of the import.meta.glob function in Vite to eagerly import multiple modules. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function in Vite to eagerly import multiple modules. |
examples/vite-features-glob-import-3.text | A code example demonstrating how Vite handles glob import patterns to resolve multiple modules. | Exact payloads, commands, or snippets shown in A code example demonstrating how Vite handles glob import patterns to resolve multiple modules. |
examples/vite-features-vite-import-meta-glob-usage.text | A code example demonstrating the use of import.meta.glob to import multiple modules with query parameters in Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating the use of import.meta.glob to import multiple modules with query parameters in Vite. |
examples/vite-features-asset-import-raw-url-examples.text | JavaScript code demonstrating how to use Vite's ?raw and ?url suffixes to import assets as raw strings or URLs. | Exact payloads, commands, or snippets shown in JavaScript code demonstrating how to use Vite's ?raw and ?url suffixes to import assets as raw strings or URLs. |
examples/vite-features-vite-import-meta-glob-query-options.text | A code example demonstrating how to use import.meta.glob with query parameters in Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating how to use import.meta.glob with query parameters in Vite. |
examples/vite-features-import-meta-glob-8.text | A code example demonstrating the usage of import.meta.glob with a base directory option in Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of import.meta.glob with a base directory option in Vite. |
examples/vite-features-module-resolution-base-mapping.text | A JavaScript object demonstrating how Vite maps module paths to their resolved base directory locations. | Exact payloads, commands, or snippets shown in A JavaScript object demonstrating how Vite maps module paths to their resolved base directory locations. |
examples/vite-features-dynamic-import-syntax.text | A code snippet demonstrating the use of dynamic import syntax for module loading in Vite. | Exact payloads, commands, or snippets shown in A code snippet demonstrating the use of dynamic import syntax for module loading in Vite. |
examples/vite-features-vite-wasm-import.text | A text example demonstrating how to use the Vite WASM import syntax to initialize a WebAssembly module. | Exact payloads, commands, or snippets shown in A text example demonstrating how to use the Vite WASM import syntax to initialize a WebAssembly module. |
examples/vite-features-init-options-configuration.text | A text representation of the Vite configuration object showing the init function and imports property structure. | Exact payloads, commands, or snippets shown in A text representation of the Vite configuration object showing the init function and imports property structure. |
examples/vite-features-wasm-url-import.text | A code example demonstrating how to import a WebAssembly file as a URL in Vite to facilitate streaming instantiation. | Exact payloads, commands, or snippets shown in A code example demonstrating how to import a WebAssembly file as a URL in Vite to facilitate streaming instantiation. |
examples/vite-features-web-worker-import-meta-url.text | A code example demonstrating how to instantiate a Web Worker using the new URL constructor and import.meta.url within Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating how to instantiate a Web Worker using the new URL constructor and import.meta.url within... |
examples/vite-features-vite-web-worker-import-meta-url.text | A code example demonstrating how to instantiate a Web Worker using the new URL constructor and import.meta.url within a Vite project. | Exact payloads, commands, or snippets shown in A code example demonstrating how to instantiate a Web Worker using the new URL constructor and import.meta.url within... |
examples/vite-features-web-worker-import.text | A code example demonstrating how to import and instantiate a Web Worker using Vite's worker query suffix. | Exact payloads, commands, or snippets shown in A code example demonstrating how to import and instantiate a Web Worker using Vite's worker query suffix. |
examples/vite-features-web-worker-inline-import.text | A code example demonstrating how to import a Web Worker using the vite inline worker query parameter. | Exact payloads, commands, or snippets shown in A code example demonstrating how to import a Web Worker using the vite inline worker query parameter. |
examples/vite-features-web-worker-import-2.text | A code snippet demonstrating how to import a web worker using the vite worker and url query suffixes. | Exact payloads, commands, or snippets shown in A code snippet demonstrating how to import a web worker using the vite worker and url query suffixes. |
examples/vite-features-defineconfig-build-options.text | A configuration example demonstrating the use of defineConfig to set build-specific options in Vite. | Exact payloads, commands, or snippets shown in A configuration example demonstrating the use of defineConfig to set build-specific options in Vite. |
examples/vite-features-dependency-licenses-list.text | A list of third-party dependency licenses bundled by the Vite application. | Exact payloads, commands, or snippets shown in A list of third-party dependency licenses bundled by the Vite application. |
examples/vite-features-entry-point-flow-diagram.text | A text-based diagram illustrating the entry point flow from entry to component C within Vite's feature architecture. | Exact payloads, commands, or snippets shown in A text-based diagram illustrating the entry point flow from entry to component C within Vite's feature architecture. |
examples/vite-features-entry-point-logic.text | A text representation of the Vite entry point logic demonstrating the relationship between entry points and module resolution. | Exact payloads, commands, or snippets shown in A text representation of the Vite entry point logic demonstrating the relationship between entry points and module re... |
What This Skill Covers
- Are you an LLM? You can read better optimized documentation at /guide/features.md for this page in Markdown format
- Main sections:
npm Dependency Resolving and Pre-Bundling ,Hot Module Replacement ,TypeScript ,Transpile Only ,TypeScript Compiler Options .
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/features