Use Vite to build and serve the front end

Cost

Open source. MIT licence, free to run on your own machines and build servers.

How to do it

Vite's first stable version, 2.0, came out in February 2021. Version 8.3.5 shipped in October 2026. The project publishes which versions get fixes, and today that is 8.3, with security patches back to 6.4. It has about 119 million weekly npm downloads and an MIT licence. A new project runs with one command, and the config is a short file. Choose something else when you use a full-stack framework such as Next.js, which brings its own build. It builds the front end that Use React for the front end picks.

Examples

Using these examples: they show one way to follow this rule. Keep the behaviour and the check, not the syntax. Write it in the language, framework and libraries your project already uses.

TypeScript example

// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({ plugins: [react()], build: { sourcemap: true } });

Python example

import json

BUILD_TOOLS = {"vite", "webpack", "parcel", "@rsbuild/core", "react-scripts"}

def build_tools_in(package_json: str) -> set[str]:
    data = json.load(open(package_json))
    deps = {**data.get("dependencies", {}), **data.get("devDependencies", {})}
    return BUILD_TOOLS & deps.keys()

How to check

The project has one build tool in package.json, and its Vite version is inside the supported list on the Vite releases page.

Sources

• Vite guide
• Vite releases

Related rules

• Use React for the front end in Software choices