Vite 默认使用 Rollup 作为生产构建器，天然兼容 Rollup 插件，只需在 build.rollupOptions.plugins 中注册即可；需注意插件兼容性、避免重复内置功能、适配 SSR/lib 构建，并优先选用 Vite 原生替代方案。
Vite 默认使用 Rollup 作为底层构建器（开发阶段用 esbuild 快速启动，生产构建交由 Rollup 处理），因此它天然兼容 Rollup 插件生态。你不需要额外配置 Rollup，只需在 vite.config.ts（或 .js）中直接引入并注册 Rollup 插件即可生效。
确认插件兼容性与安装
不是所有 Rollup 插件都默认适配 Vite —— 尤其是那些依赖 Rollup 特定生命周期钩子（如 generateBundle）或操作原始 AST 的插件，需注意是否支持 Vite 的构建上下文（例如是否处理了 ssr 模式、lib 构建等）。建议优先选用明确标注 “Vite compatible” 或在 Vite 官方插件市场 收录的插件。
- 安装插件时，通常走 npm/yarn/pnpm：例如
npm install @rollup/plugin-node-resolve --save-dev - 多数官方 Rollup 插件（如
@rollup/plugin-commonjs、@rollup/plugin-json、@rollup/plugin-terser）可直接使用，但部分需配合build.rollupOptions.plugins注入 - 避免重复启用 Vite 已内置的功能（如
json、css、asset加载），除非你需要定制行为
在 vite.config.ts 中注入 Rollup 插件
Vite 的 build.rollupOptions.plugins 字段就是 Rollup 插件的入口。你可以将插件数组直接写在这里，顺序影响执行优先级（靠前的插件先处理）。
- 基础写法示例：
import { defineConfig } from 'vite'<br>import nodeResolve from '@rollup/plugin-node-resolve'<br>import commonjs from '@rollup/plugin-commonjs'<br><br>export default defineConfig({<br> build: {<br> rollupOptions: {<br> plugins: [<br> nodeResolve(),<br> commonjs()<br> ]<br> }<br> }<br>)
立即学习“Java免费学习笔记（深入）”；
- 插件支持传参，例如
terser({ compress: true })可用于压缩代码 - 若插件有 Vite 原生替代方案（如
vite-plugin-compression替代rollup-plugin-gzip），优先选 Vite 插件——它们更贴合 dev server 和 HMR 行为
处理 SSR 或 Library 构建等特殊场景
当项目开启 ssr 或以 build.lib 模式构建时，Rollup 插件会作用于对应输出目标。此时需留意插件是否支持多入口、多格式（cjs/esm/iife）或 SSR 上下文。
- 例如
@rollup/plugin-replace在 SSR 构建中可能需要区分process.env.NODE_ENV，应配合preventAssignment: true避免污染全局 - 某些插件（如
rollup-plugin-visualizer）只对生产构建有效，建议用process.env.NODE_ENV === 'production'控制启用时机 - 若插件修改
output或生成额外文件（如 sourcemap、stats.json），确保路径不与 Vite 默认输出冲突（如dist/）
调试与验证插件是否生效
最直接的方式是查看构建产物或控制台日志。部分插件提供 verbose 或 debug 选项；也可在插件钩子中加 console.log（仅限构建时）快速验证。
- 运行
vite build --debug查看详细构建流程和插件调用链 - 检查
dist/下是否出现预期产物（如压缩后的 .gz 文件、注入的 runtime 代码、替换后的字符串） - 对于转换类插件（如
@rollup/plugin-babel），可用build.sourcemap: 'inline'查看源码映射是否正确
