create-vite is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for community maintained templates that include other tools or target different frameworks. You can use a tool like degit to scaffold your project with one of the templates.

Vite. Next Generation Frontend Tooling. Get ready for a development environment that can finally catch up with you.

Vite. Next Generation Frontend Tooling. Get Started . Learn More . 💡 Instant Server Start. On demand file serving over native ESM, no bundling required! ⚡️ Lightning Fast HMR. Hot Module Replacement (HMR) that stays fast regardless of app size. 🛠️ Rich Features.

At the very basic level, developing using Vite is not that much different from using a static file server. However, Vite provides many enhancements over native ESM imports to support various features that are typically seen in bundler-based setups.

When running vite from the command line, Vite will automatically try to resolve a config file named vite.config.js inside project root. The most basic config file looks like this: // vite.config.js export default { // config options }

Vite improves the dev server start time by first dividing the modules in an application into two categories: dependencies and source code. Dependencies are mostly plain JavaScript that do not change often during development.

Vite provides experimental support for advanced base options during build, using experimental.renderBuiltUrl.

When you are developing a browser-oriented library, you are likely spending most of the time on a test/demo page that imports your actual library. With Vite, you can use your index.html for that purpose to get the smooth development experience. When it is time to bundle your library for distribution, use the build.lib config option.

Vite is now using the new VitePress default theme, with a stunning dark mode between other features. Several projects in the ecosystem have already migrated to it (see Vitest, vite-plugin-pwa, and VitePress itself). If you need to access the Vite 2 …

create-vite is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for community maintained templates that include other tools or target different frameworks.