# vite | Vite | Knowledge Base | Instagit

Next generation frontend tooling. It's fast!

GitHub Stars: 78.1k

Repository: https://github.com/vitejs/vite

---

## Articles

### [Vite Tailwind Configuration Not Working? Fix Missing Styles in React Projects](/vitejs/vite/vite-tailwind-config-react-styles)

Fix Vite Tailwind CSS not applying styles in your React project. Learn how to resolve missing Tailwind plugin registration and CSS import issues for correct styling.

- Tags: how-to-guide
- Published: 2026-02-21

### [How to Perform a Vite Build for Production with Vue 3: A Complete Guide](/vitejs/vite/vuejs-vite-build-production-steps)

Learn essential steps for a Vite build for production with Vue 3. Configure vite.config.js, run vite build, and deploy your app with this complete guide.

- Tags: how-to-guide
- Published: 2026-02-20

### [How to Access and Use Vite Env Variables in vite.config.js for Multi-Environment Builds](/vitejs/vite/vite-env-config-access)

Learn to access and use Vite env variables in vite.config.js. Load env using the loadEnv function for multi-environment builds and conditional configurations.

- Tags: how-to-guide
- Published: 2026-02-20

### [How to Configure Vite ESLint for React Projects: Complete Setup Guide](/vitejs/vite/vite-eslint-react-quality)

Set up Vite ESLint for React projects easily. Follow our guide to integrate official configs, ensuring code quality and smooth development with React Hooks and Fast Refresh.

- Tags: how-to-guide
- Published: 2026-02-19

### [Nuxt Vite Performance: 7 Critical Differences from Standalone Vite](/vitejs/vite/nuxt-vite-performance-differences)

Discover 7 critical performance differences between Nuxt Vite and standalone Vite. Understand Nuxt Vite's startup overhead and HMR latency trade-offs for full-stack development.

- Tags: performance
- Published: 2026-02-18

### [Why Is My Vite Alias Not Working? Fixing Path Resolution for the src Folder](/vitejs/vite/vite-alias-fails-src-import)

Fix your Vite alias not working with source folder imports. Learn common causes like relative paths, missing slashes, or dependency conflicts and how to resolve them quickly.

- Tags: how-to-guide
- Published: 2026-02-18

### [Building a JavaScript Library for Distribution: Rollup vs Vite Library Mode](/vitejs/vite/rollup-vs-vite-js-build-differences)

Compare Rollup vs Vite library mode for efficient JavaScript distribution. Vite simplifies ESM/CJS/UMD outputs and asset handling, while Rollup needs manual plugins. Optimize your builds.

- Tags: comparison
- Published: 2026-02-16

### [How to Set Up Vite Tailwind CSS in a React Project: Best Practices for Performance and Maintainability](/vitejs/vite/vite-tailwind-setup-best-practices)

Integrate Vite Tailwind CSS seamlessly into your React project. Discover best practices for performance and maintainability using Vite's native PostCSS pipeline and efficient JIT engine for optimal builds.

- Tags: best-practices
- Published: 2026-02-16

### [Why Is the Vite Command Not Recognized? Fixing npm run dev Errors](/vitejs/vite/why-vite-command-not-recognized-npm-run-dev)

Fix the vite command not recognized error with npm run dev. Learn why your Vite binary is missing from node_modules bin and how to resolve installation or directory issues.

- Tags: how-to-guide
- Published: 2026-02-16

### [Plain TypeScript vs TypeScript with SWC in Vite: Key Differences and Setup Guide](/vitejs/vite/vite-swc-vs-ts-plain)

Compare plain TypeScript and TypeScript with SWC in Vite. Learn key differences and setup for faster transpilation and broader syntax support with SWC.

- Tags: deep-dive
- Published: 2026-02-16

### [How to Use Vite Env Variables in React: A Complete Guide to import.meta.env](/vitejs/vite/how-to-load-vite-env-variables-in-react)

Learn to use Vite env variables in React with import.meta.env. Discover the VITE prefix and static replacement for efficient client-side variable management.

- Tags: how-to-guide
- Published: 2026-02-14

### [Why Does Creating a React Vite App Take So Long? A Technical Breakdown](/vitejs/vite/why-take-time-create-vite-react-app)

Discover why creating a React Vite app takes time. Learn about network-bound dependency installation and esbuild pre-bundling that impact your setup speed.

- Tags: deep-dive
- Published: 2026-02-12

### [How to Use Vite Env Files to Load Environment Variables](/vitejs/vite/how-to-load-variables-from-file-using-vite-env)

Learn how to use Vite env files to load environment variables for your project. Vite automatically handles .env files, exposing prefixed variables to client code via import meta env.

- Tags: how-to-guide
- Published: 2026-02-12

### [How to Set Up a Vite React Project Manually: Complete Installation Guide](/vitejs/vite/how-to-run-app-manually-vite-react)

Manually set up a Vite React project with this complete guide. Learn to install dependencies, configure Vite, and run your React app efficiently using npm run dev.

- Tags: getting-started
- Published: 2026-02-11