工程化
Vite
官方资源
插件
官方插件
- @vitejs/plugin-react
- @vitejs/plugin-react-swc
- @vitejs/plugin-vue 提供 Vue 3 单文件组件支持
- @vitejs/plugin-vue-jsx 提供 Vue 3 JSX 支持
- @vitejs/plugin-rsc Vite 通过该插件支持 React Server Components (RSC)
- @vitejs/plugin-legacy 为打包后的文件提供传统浏览器兼容性支持
- @vitejs/plugin-basic-ssl 基于自动生成的自签名证书实现基础的 HTTPS 配置
兼容
- vite-plugin-top-level-await 将代码改造为支持在普通浏览器中,基于 Vite 实现顶层
await特性
Electron
- electron-vite 新一代 Electron 开发构建工具,支持源代码保护
其他
- @tailwindcss/vite
- vite-plugin-static-copy 支持开发服务器的 rollup-plugin-copy 插件
- vite-plugin-image-optimizer 借助 Sharp.js 和 SVGO 优化你的图片资源
- vite-plugin-electron Electron + Vite
- vite-plugin-monkey
- @module-federation/vite 模块联邦
- vite-plugin-pwa 面向 Vite 的零配置 PWA 解决方案
- unplugin-auto-import 为 Vite、Webpack 和 Rollup 实现 API 的按需自动导入
- unplugin-info 将构建信息导出为虚拟模块
- vite-plugin-html 一款用于处理 HTML 的 Vite 插件,该插件基于 lodash 模板开发
- vite-plugin-checker 一款提供 TypeScript、ESLint、vue-tsc、Stylelint 等代码检查能力的 Vite 插件
- vite-plugin-svelte Svelte 插件
- @plugin-web-update-notification/vite 一款轻量级工具库,可检测网页内容更新并通知用户刷新页面
- vite-plugin-devtools-json 在开发服务器中实时生成
com.chrome.devtools.json文件
Rolldown
官方资源
其他
- unplugin-vue ✨ 将 Vue 3 单文件组件(SFC)转换为 JavaScript 代码
- rolldown-plugin-dts 一款用于生成并打包 d.ts 文件的 Rolldown 插件
- rolldown-plugin-wasm 适用于 WASM 的 Rolldown 插件
Rspack
其他
Webpack
Babel
插件
- babel-plugin-react-compiler 适用于 React Compiler 的 Babel 插件
打包
- tsdown 优雅的库打包工具, 由 Rolldown 强力驱动
- rslib 基于 Rsbuild 的库开发工具
- tsup 打包你的 TypeScript 库的最简、最快方案
- father NPM 包开发工具
其他
- @biomejs/biome 快速的格式化工具
- knip ✂️ 查找 JavaScript 和 TypeScript 项目中未使用的文件、依赖与导出代码。上线前先清理干净!