vite · Vite Docs
Features | Vite (main branch)
An overview of the core capabilities and built-in functionalities provided by the Vite build tool, including features like Hot Module Replacement, optimized dependency pre-bundling, and support for various module types.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Features | Vite (main branch)
An overview of the core capabilities and built-in functionalities provided by the Vite build tool, including features like Hot Module Replacement, optimized dependency pre-bundling, and support for various module types.
When To Use
Use when determining if Vite's built-in features can satisfy specific project requirements such as module handling, development server speed, or asset optimization.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/main-vite-features-branch-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/main-vite-features-branch-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/main-vite-features-branch-vite-features-typescript-type-import.text | A text example demonstrating TypeScript type import and export syntax within the Vite features guide. | Exact payloads, commands, or snippets shown in A text example demonstrating TypeScript type import and export syntax within the Vite features guide. |
examples/main-vite-features-branch-vite-features-compiler-options-types.text | A text snippet demonstrating the configuration of compilerOptions types within a Vite project. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the configuration of compilerOptions types within a Vite project. |
examples/main-vite-features-branch-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/main-vite-features-branch-vite-features-svg-module-declaration.text | A TypeScript module declaration snippet for importing SVG files as React components in a Vite project. | Exact payloads, commands, or snippets shown in A TypeScript module declaration snippet for importing SVG files as React components in a Vite project. |
examples/main-vite-features-branch-vite-features-config-include.text | A text configuration example demonstrating how to use the include option for specific file paths in Vite. | Exact payloads, commands, or snippets shown in A text configuration example demonstrating how to use the include option for specific file paths in Vite. |
examples/main-vite-features-branch-vite-features-env-override-dts.text | A TypeScript declaration file providing type overrides for the Vite environment. | Exact payloads, commands, or snippets shown in A TypeScript declaration file providing type overrides for the Vite environment. |
examples/main-vite-features-branch-vite-features-html-doctype.text | A plain text representation of the HTML doctype declaration used in Vite feature documentation. | Exact payloads, commands, or snippets shown in A plain text representation of the HTML doctype declaration used in Vite feature documentation. |
examples/main-vite-features-branch-vite-features-oxc-jsx-configuration.text | A configuration object demonstrating how to enable the OXC transformer for JSX import sources in Vite. | Exact payloads, commands, or snippets shown in A configuration object demonstrating how to enable the OXC transformer for JSX import sources in Vite. |
examples/main-vite-features-branch-vite-features-oxc-jsx-inject-config.text | A configuration example demonstrating the use of the oxc plugin for jsxInject within a vite configuration file. | Exact payloads, commands, or snippets shown in A configuration example demonstrating the use of the oxc plugin for jsxInject within a vite configuration file. |
examples/main-vite-features-branch-vite-features-css-module.text | A text snippet demonstrating CSS module syntax and usage within a Vite project. | Exact payloads, commands, or snippets shown in A text snippet demonstrating CSS module syntax and usage within a Vite project. |
examples/main-vite-features-branch-vite-css-modules-usage.text | A code example demonstrating how to import and apply CSS module classes to a DOM element using Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating how to import and apply CSS module classes to a DOM element using Vite. |
examples/main-vite-features-branch-vite-features-css-class-transformation.text | A text example demonstrating how Vite transforms CSS class names using the .apply-color syntax. | Exact payloads, commands, or snippets shown in A text example demonstrating how Vite transforms CSS class names using the .apply-color syntax. |
examples/main-vite-features-branch-vite-features-css-preprocessor-installation-co.text | A list of npm commands required to install sass, less, and stylus preprocessors for use with Vite. | Exact payloads, commands, or snippets shown in A list of npm commands required to install sass, less, and stylus preprocessors for use with Vite. |
examples/main-vite-features-branch-vite-features-css-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/main-vite-features-branch-vite-features-asset-import.text | A text example 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 text example demonstrating how to import an image asset and assign its URL to an element's source attribute in Vite. |
examples/main-vite-features-branch-vite-features-asset-url-loading.text | A text example demonstrating how to explicitly load assets as URLs in Vite to control inlining behavior. | Exact payloads, commands, or snippets shown in A text example demonstrating how to explicitly load assets as URLs in Vite to control inlining behavior. |
examples/main-vite-features-branch-vite-features-load-assets-as-strings.text | A text example demonstrating how to load assets as strings within a Vite project. | Exact payloads, commands, or snippets shown in A text example demonstrating how to load assets as strings within a Vite project. |
examples/main-vite-features-branch-vite-features-web-worker-loading.text | A text example demonstrating how to load Web Workers within a Vite project. | Exact payloads, commands, or snippets shown in A text example demonstrating how to load Web Workers within a Vite project. |
examples/main-vite-features-branch-vite-features-web-worker-base64-inlining.text | A code snippet demonstrating how Vite inlines Web Workers as base64 strings during the build process. | Exact payloads, commands, or snippets shown in A code snippet demonstrating how Vite inlines Web Workers as base64 strings during the build process. |
examples/main-vite-features-branch-vite-features-import-syntax-examples.text | Textual examples demonstrating how to import the entire Vite object versus using named exports for tree-shaking. | Exact payloads, commands, or snippets shown in Textual examples demonstrating how to import the entire Vite object versus using named exports for tree-shaking. |
examples/main-vite-features-branch-vite-features-import-meta-glob.text | A code example demonstrating the usage of the import.meta.glob function within Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function within Vite. |
examples/main-vite-features-branch-vite-features-module-graph.text | A text representation of a module graph structure showing how Vite handles module imports and dependencies. | Exact payloads, commands, or snippets shown in A text representation of a module graph structure showing how Vite handles module imports and dependencies. |
examples/main-vite-features-branch-vite-features-module-loading.text | A JavaScript code snippet demonstrating how Vite handles dynamic module imports and path resolution. | Exact payloads, commands, or snippets shown in A JavaScript code snippet demonstrating how Vite handles dynamic module imports and path resolution. |
examples/main-vite-features-branch-vite-features-import-meta-glob-2.text | A code example demonstrating the usage of the import.meta.glob function within Vite to perform eager module glob imports. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function within Vite to perform eager module glob impo... |
examples/main-vite-features-branch-vite-features-glob-import.text | A text example demonstrating how to use glob import patterns to import multiple modules in Vite. | Exact payloads, commands, or snippets shown in A text example demonstrating how to use glob import patterns to import multiple modules in Vite. |
examples/main-vite-features-branch-vite-features-import-meta-glob-3.text | A code example demonstrating the usage of the import.meta.glob function within Vite to perform glob imports of modules. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function within Vite to perform glob imports of modules. |
examples/main-vite-features-branch-vite-features-import-meta-glob-4.text | A code example demonstrating the usage of the import.meta.glob function within Vite to perform glob imports. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function within Vite to perform glob imports. |
examples/main-vite-features-branch-vite-features-module-graph-2.text | A text-based code example demonstrating Vite's module graph and module loading capabilities. | Exact payloads, commands, or snippets shown in A text-based code example demonstrating Vite's module graph and module loading capabilities. |
examples/main-vite-features-branch-vite-features-import-meta-glob-5.text | A code example demonstrating the usage of the import.meta.glob function within Vite to perform glob imports. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function within Vite to perform glob imports. |
examples/main-vite-features-branch-vite-features-module-graph-3.text | A JavaScript code snippet demonstrating module graph structure and dynamic import patterns within Vite. | Exact payloads, commands, or snippets shown in A JavaScript code snippet demonstrating module graph structure and dynamic import patterns within Vite. |
examples/main-vite-features-branch-vite-import-meta-glob-usage.text | A code snippet demonstrating the usage of the import.meta.glob function in Vite to perform glob imports. | Exact payloads, commands, or snippets shown in A code snippet demonstrating the usage of the import.meta.glob function in Vite to perform glob imports. |
examples/main-vite-features-branch-vite-features-glob-import-2.text | A code example demonstrating how Vite handles glob import patterns for module resolution. | Exact payloads, commands, or snippets shown in A code example demonstrating how Vite handles glob import patterns for module resolution. |
examples/main-vite-features-branch-vite-features-import-meta-glob-6.text | A code example demonstrating the usage of the import.meta.glob function within Vite to perform glob imports. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function within Vite to perform glob imports. |
examples/main-vite-features-branch-vite-features-glob-import-3.text | A code example demonstrating how Vite handles glob import patterns for module resolution. | Exact payloads, commands, or snippets shown in A code example demonstrating how Vite handles glob import patterns for module resolution. |
examples/main-vite-features-branch-vite-import-meta-glob-query-usage.text | A code example demonstrating how to use import.meta.glob with query parameters to import assets as raw strings or URLs. | Exact payloads, commands, or snippets shown in A code example demonstrating how to use import.meta.glob with query parameters to import assets as raw strings or URLs. |
examples/main-vite-features-branch-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/main-vite-features-branch-vite-import-meta-glob-query-options.text | A code example demonstrating the use of import.meta.glob with query parameters in Vite. | Exact payloads, commands, or snippets shown in A code example demonstrating the use of import.meta.glob with query parameters in Vite. |
examples/main-vite-features-branch-vite-import-meta-glob-usage-2.text | A code example demonstrating the usage of the import.meta.glob function within a Vite project. | Exact payloads, commands, or snippets shown in A code example demonstrating the usage of the import.meta.glob function within a Vite project. |
examples/main-vite-features-branch-vite-features-module-resolution-base-import.text | A code example demonstrating how Vite handles module resolution with base URL imports. | Exact payloads, commands, or snippets shown in A code example demonstrating how Vite handles module resolution with base URL imports. |
examples/main-vite-features-branch-vite-features-dynamic-import.text | A code example demonstrating the use of dynamic imports within a Vite project. | Exact payloads, commands, or snippets shown in A code example demonstrating the use of dynamic imports within a Vite project. |
examples/main-vite-features-branch-vite-features-wasm-import.text | A text example demonstrating how to import and initialize a WebAssembly module using Vite's WASM import syntax. | Exact payloads, commands, or snippets shown in A text example demonstrating how to import and initialize a WebAssembly module using Vite's WASM import syntax. |
examples/main-vite-features-branch-vite-features-init-config.text | A text example demonstrating the initialization of the vite config object with imports and asynchronous functions. | Exact payloads, commands, or snippets shown in A text example demonstrating the initialization of the vite config object with imports and asynchronous functions. |
examples/main-vite-features-branch-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/main-vite-features-branch-vite-features-web-worker-import-meta-url.text | A code snippet 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 snippet demonstrating how to instantiate a Web Worker using the new URL constructor and import.meta.url within... |
examples/main-vite-features-branch-vite-features-web-worker-module-import.text | A code snippet demonstrating how to instantiate a Web Worker using a URL constructor and import.meta.url within a Vite project. | Exact payloads, commands, or snippets shown in A code snippet demonstrating how to instantiate a Web Worker using a URL constructor and import.meta.url within a Vit... |
examples/main-vite-features-branch-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/main-vite-features-branch-vite-features-web-worker-inline-import.text | A code snippet demonstrating how to import a web worker using the inline query parameter in Vite. | Exact payloads, commands, or snippets shown in A code snippet demonstrating how to import a web worker using the inline query parameter in Vite. |
examples/main-vite-features-branch-vite-features-web-worker-import-2.text | A text example demonstrating how to import a web worker using the vite worker and url query suffixes. | Exact payloads, commands, or snippets shown in A text example demonstrating how to import a web worker using the vite worker and url query suffixes. |
examples/main-vite-features-branch-vite-features-defineconfig-build-options.text | A configuration example demonstrating the use of defineConfig to set build license options in Vite. | Exact payloads, commands, or snippets shown in A configuration example demonstrating the use of defineConfig to set build license options in Vite. |
examples/main-vite-features-branch-vite-features-license-bundling.text | A text representation of how Vite bundles and displays dependency licenses within an application. | Exact payloads, commands, or snippets shown in A text representation of how Vite bundles and displays dependency licenses within an application. |
examples/main-vite-features-branch-vite-features-entry-point-flow-diagram.text | A text-based diagram illustrating the entry point flow from entry to module C within the Vite feature architecture. | Exact payloads, commands, or snippets shown in A text-based diagram illustrating the entry point flow from entry to module C within the Vite feature architecture. |
examples/main-vite-features-branch-vite-features-entry-point-diagram.text | A text-based diagram illustrating the Vite entry point resolution logic. | Exact payloads, commands, or snippets shown in A text-based diagram illustrating the Vite entry point resolution logic. |
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://main.vite.dev/guide/features