#工程化

#Vite

#官方资源

• 官网
• vite 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

#官方资源

• 官网
• rolldown rolldown 仓库

#其他

• unplugin-vue ✨ 将 Vue 3 单文件组件（SFC）转换为 JavaScript 代码
• rolldown-plugin-dts 一款用于生成并打包 d.ts 文件的 Rolldown 插件
• rolldown-plugin-wasm 适用于 WASM 的 Rolldown 插件

#Rspack

• 官网
• rspack rspack 仓库

#其他

• @module-federation/rsbuild-plugin 模块联邦

#Webpack

• 官网
• webpack webpack 仓库

#Babel

#插件

• babel-plugin-react-compiler 适用于 React Compiler 的 Babel 插件

#打包

• tsdown 优雅的库打包工具, 由 Rolldown 强力驱动
• rslib 基于 Rsbuild 的库开发工具
• tsup 打包你的 TypeScript 库的最简、最快方案
• father NPM 包开发工具

#其他

• @biomejs/biome 快速的格式化工具
• knip ✂️ 查找 JavaScript 和 TypeScript 项目中未使用的文件、依赖与导出代码。上线前先清理干净！