Vite
Build tool that aims to provide a faster and leaner development experience for modern web projects
tinypages & unplugin seem nice.
Notes
- Can add
--forceto force refresh vite cache. Likepnpm run dev --force.
Links
- vite-on-swc
- Vite for Browser - Fork of vite which aims at being used in a browser (served by service worker).
- vite-jest - First-class Vite integration for Jest.
- vite-plugin-federation - Module Federation for vite & rollup.
- Vitebook - Fast alternative to Storybook. Powered by Vite. (Docs)
- Storybook builder for Vite
- Vitest - Blazing fast unit test framework powered by Vite. (Web)
- unplugin-auto-import - Auto import APIs on-demand for Vite, Webpack and Rollup.
- haya - Dev server and a bundler based on esbuild. Heavily copied from Vite.
- vite-plugin-cloudflare - Software for transforming & bundling cloudflare workers with shimming node globals and builtins like process, os, stream.
- vite-plugin-compile-time - Use this plugin to generate code at compile time or get data at compile time in your Vite projects.
- saus - SSG framework powered by Vite.
- vite-plugin-import-build - Make
dist/paths statically analysable. E.g. for bundling for Cloudflare Workers. - vite-plugin-remove-exports - Vite plugin to remove certain exports.
- go-vite - Vite, but in Go.
- vite-plugin-image-presets - Image Presets for Vite.js apps.
- A Rubyist's Guide to Vite.js (2021)
- HeadKit - Framework-agnostic
<head>management. - Vite Rollup Plugins
- Vite Plugin Book - Magical vite plugin that helps you to generate and manage documentation website.
- vite-plugin-zig - Import WebAssembly modules compiled from Zig files.
- vite-plugin-style-import - Plug-in that imports component library styles on demand.
- A deep-dive on Vite (2022)
- Vite Plugin Node - Vite plugin to allow you to use vite as node dev server.
- vite-plugin-ssg-utils - Utils for vite-ssg and other Vite SSG or SSR tools.
- vite-plugin-bundled-entry - Vite plugin that generates a bundled entry file.
- bundle-require - Bundle and
requirea file, the same way Vite loadsvite.config.ts. - vite-plugin-mix - Adding backend API to your Vite app.
- vite-rtk-query - Vite template for React + TypeScript + Redux-toolkit / RTK Query.
- vite-plugin-pages - File system based routing for Vue 3 / React applications using Vite.
- vite-plugin-md - Markdown with Vue for Vite.
- Vite Ecosystem CI
- Vite Plugin GraphQL Codegen - Zero-config vite plugin that uses the vite file watcher to run graphql codegen programmatically without needing to start a separate watcher.
- vite-plugin-imp - Vite plugin for import library component style automatic.
- vite-plugin-singlefile - Vite plugin for inlining JavaScript and CSS resources.
- vite-plugin-dts - Vite plugin for generating
.d.tsfiles. - vite-hot-client - Get Vite's i
mport.meta.hot at runtime. - vite-dev-rpc - Remote procedure call for client-server communication in Vite plugins.
- Vext - NextJS alternative built on top of Vite, React Router, React Query.
- vite-plugin-glob - Design experiment for i
mport.meta.glob from Vite. - Vitest for VSCode - VSCode extension for vitest.
- vite-ssr-next-auth - Sample repo to make next-auth work with vite-plugin-ssr.
- vite-dts - Generate a .d.ts module for both .es and .cjs entry points when using Vite's lib mode.
- Vitamin - Opinionated Vite starter template.
- Eslint plugin for vitest
- Adding CDN Caching to a Vite Build (2022)
- Vite SSR Relay - Vite SSR framework with support for React SSR streaming and Relay.
- Vite Plugin Auto import - Automatically detect and import components or modules.
- Vite Config JSON - Automatically import dist/server/ assets.
- Generouted - Generated file-based routes for React Location and Vite.
- Vite SSG Sitemap - Sitemap generator working with vite-ssg.
- Micro Vite - Create a minimal Vite like tool in 350 lines.
- Vite-React Devtools Extension
- Vite Plugin Turbosnap - Enables the use of Chromatic Turbosnap in vite storybook projects.
- Histoire - Fast stories powered by Vite. (Vue 3 examples) (Twitter) (Code) (Docs) (HN)
- Vite Plugin Cem - Custom elements manifest builder for ViteJS.
- Vite Plugin Inline CSS Modules - Write CSS modules without leaving your JS.
- Netlify Edge Function support for Vite
- Vercel Middleware for Every Vite Project (2022)
- Vite How to Guide
- vite-vercel - Adding Vercel middleware support to your Vite project.
- vite-plugin-environment - Easily expose environment variables in Vite.js.
- vavite - Develop server-side applications with Vite.
- Webfont DL - Vite plugin - Make your Vite site load faster & boost SEO performance.
- Vite Code
- Problems with shipping ESM only in production
- vite-tsconfig-paths - Support for TypeScript's path mapping in Vite.
- Awesome Vite
- Vite SSR Plugin - Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin. (Web) (HN)
- Develop with Vite
- Vite: Rethinking Frontend Tooling
- Vite Build explained
- vite-plugin-macro
- vite-plugin-svgr - Vite plugin to transform SVGs into React components.
- Compile Markdown to Vue component
- vite-plugin-pages-sitemap
- Vite setup catalogue - Contains several example of Vite setups.
- HN: Vite (2022)
- vite-plugin-wasm - Add WebAssembly ESM integration to Vite and support
wasm-packgenerated modules. - Vite 3.0 (2022) (HN)
- vite-plugin-jspm - Vite plugin which externalize dependencies and resolves them independently from CDN providers using import maps and es-module-shims.
- vitest-fixture - Reusable fixtures for your Vitest tests.
- Vite 3 Announcement with the Team (2022)
- Extra Vite templates
- Vite Plugin Class Mangler - Minify and obfuscate CSS classes in production.
- vite-plugin-radar - All in one analytics loader for vite.
- vite-plugin-live-reload - Simple live reloading plugin for vite.
- Vite Test Utils
- Vite Sentry Plugin
- Getting Started with Vitest (HN)
- Vite Plugin Validate ENV - Vite plugin for validating your environment variables.
- ViteConf (Twitter) (Code) (Videos)
- Vite Lightning CSS Plugin
- Vite Plugin - Optimize CSS Modules - Mangle / minimize css module classnames in production.
- Vitrify - Abstraction over Vite similar to how Vite is an abstraction over Rollup and esbuild.
- Vite/Rollup plugin for Module Federation
- Favicons Vite Plugin - Leverages on favicons to automatically generate your favicons for you.
- Vite Plugin Web Extension - Vite plugin for generating cross browser platform, ES module based web extensions.
- Vite-Plugin-Minify - Minify HTML in production.
- What's great about ViteJS (2022)
- ViteConf 2022 Replay
- Manually Pre-Bundling of Vite
- vite-plugin-cjs-interop - Vite plugin to unwrap default imports from CJS dependencies during SSR.
- Is Turbopack 10x Faster than Vite? (HN) (Code)
- vite-plugin-dynamic-import - Enhance Vite builtin dynamic import.
- Nice Vite Plugins
- Vite 4.0 (2022) (HN)
- Vituum - Fast prototyping with template engines and integrated frontend tools.
- Speed up your Vite dev server with SWC
- vite-plugin-iso-import - Import modules isomorphically in the client or server.
- Vite Plugin Squoosh - Image compression plugin for Vite, using squoosh.
- Vite Fonts plugin - Web font loader for Vite.
- Vite Plugin Deno Resolve
- Vite Plugin Mock Dev Server
- How Vite Came to Be | Evan You (2022)
- ViteConf 2022 Frameworks Panel
- R&D Bundler 3D Plugins - Bundler plugins for optimizing glTF 3D models.
- Vite Plugin SVGO - Vite plugin to import and compress svg files with SVGO.
- Vite PWA (GitHub)
- Vite Plugin GLSL - Import, inline (and compress) GLSL shader files.
- vite-plugin-monkey - Vite plugin server and build your.user.js for userscript engine like Tampermonkey, Violentmonkey, Greasemonkey, ScriptCat.
- Vite i18next Loader Plugin
- Vite Plugin Filter Replace - Apply filter-based replacements.
- vite-plugin-markdown - Plugin enables you to import a Markdown file as various formats on your vite project.
- Vite & Vue with Evan You (2023)
- vite-plugin-warmup - Warm up Vite's transform cache.
- vite-plugin-restart - Custom files/globs to restart Vite server.
- venatu - Dead-simple Vite SSR library.
- vite-benchmark - Benchmarking for Vite.
- vite-plugin-mkcert - Provide certificates for vite's https dev service.
- Vite Image Optimizer - Optimize your image assets using Sharp.js and SVGO.
- Vite Bundle Visualizer
- vite-plugin-prebundle - Pre-bundle local entries from your Vite app to reduce network requests.
- Vite Plugin Proxy Page - Vite plugin for projecting your application onto a remote page during development.