This article lists some vite plugins that are often used in work and are more useful.

Framework

Vue

• @vitejs/plugin-vue - vue3 official support.
• @vitejs/plugin-vue-jsx - vue3 JSX syntax plugin, official support
• @vitejs/plugin-vue2 - vue2 Support
• vite-plugin-pages - Automatically create routes based on the file system.
• unplugin-vue-i18n - vue-i18n Supporting plug-in for internationalization solutions

React

• @vitejs/plugin-react - React official support
• vite-plugin-react-swc - Compile React with swc for faster speed

Preact

• @preact/preset-vite - preact Support

Electron

• electron-vite - electron Support

Tauri

• vite-plugin-tauri - Tauri Support

Commonly used

• vite-tsconfig-paths - Support paths mapping of tsconfig.json
• vite-plugin-inspect - Review the vite-plugin intermediate state
• vite-plugin-mock-dev-server - in vite Inject mock-server into the development service and provide API Mock data support
• unplugin-icons - Convert icons resources into components
• vite-plugin-windicss - Widicss Support
• @vitejs/plugin-legacy - Low-version browser support
• unplugin-auto-import - Automatic import module
• vite-plugin-remove-console - console in configurable delete code

other

WASM

• vite-plugin-wasm-pack - rust wasm-pack Support

Federation

• vite-plugin-federation - Provide module federal support

PWA

• vite-plugin-pwa - Provide PWA support