“导出转发”指在自研组件库中对第三方组件轻量封装并按需导出，即通过自定义模块重新export、控制导入路径与样式加载时机，实现element plus等库的真正按需引入与样式隔离。
“导出转发”不是标准术语，但结合上下文，“导出转发（Export Forwarding）”实际指的是一种在自研组件库中对第三方组件做轻量级封装 + 按需导出的模式——即不直接暴露第三方组件，而是通过自己的模块重新 export，同时控制其导入路径与样式加载时机。这种做法能实现对 Element Plus、Vant、Naive UI 等第三方库的真正按需精简，避免全量引入和冗余样式污染。
核心逻辑：用一层“转发模块”替代直接引用
不写 import { ElButton } from 'element-plus'，而是写 import { Button } from '@my-lib/components'。这个 @my-lib/components/Button 文件内部只做两件事：
- 从
element-plus/es/components/button单独导入组件构造函数 - 显式引入对应样式
element-plus/es/components/button/style/index - 再把组件
export default出去，保持命名一致（如ElButton→Button）
支持多组件库共存的关键：解析器驱动的自动转发
当项目中同时用到 Vant、Element Plus 和 Naive UI 时，手动维护每个组件的转发文件会失控。此时应采用插件化解析器机制（如 Vite 或 Webpack 插件）：
- 定义多个解析器，例如
VantResolver()匹配VanButton，ElementResolver()匹配ElInput - 在构建阶段扫描模板中使用的组件名，自动注入对应的按需导入语句
- 样式路径也由解析器返回，确保只加载被真正使用的 CSS/SCSS 片段
- 未匹配的组件名默认跳过，不报错也不引入，保障开发体验
业务组件库中的嵌套按需：第三方组件也要“懒加载”
如果你的业务组件（比如 MyFormTable）内部用了 el-table 和 n-date-picker，不能让 MyFormTable 自己全量引入它们。正确做法是：
-
MyFormTable.vue中不写任何import，只声明components: { ElTable, NDatePicker } - 由构建插件在编译时识别这些依赖，并为
MyFormTable单独生成最小 import 块 - 最终打包结果里，
MyFormTable只带el-table的 JS + 样式，不带el-button或n-button - 这样即使整个业务组件库被全局注册，也不会拖入未使用的第三方代码
落地建议：从一个按钮开始验证闭环
不要一上来就配置插件或写解析器。先手动实现一个最小闭环：
- 新建
packages/button/index.ts，内容为：export { default as Button } from 'element-plus/es/components/button'<br>import 'element-plus/es/components/button/style/index' - 在业务组件中
import { Button } from '@my-lib/button' - 用
rollup-plugin-visualizer查看打包产物，确认只有 button 相关代码被引入 - 验证通过后，再将该模式推广至其他组件，并逐步接入自动化解析器
