跨系统共享业务组件库

项目背景

多个业务系统需要复用反馈、支付等组件。组件库需要有明确的构建入口、依赖边界和样式产物，才能接入不同宿主。

我的工作

• 搭建异步组件库并开发反馈组件，后续补充支付二维码组件。
• 参与组件构建和部署问题处理，让组件可以按入口单独构建。

关键实现

构建配置发现组件目录中的 entry.ts，支持选择单个组件生成 ES 和 UMD 产物。Vue 与 ant-design-vue 作为外部依赖，由宿主提供；样式仍由构建处理。

这种组织方式把组件交付与宿主业务代码分开，同时要求接入方遵守运行时依赖约定。是否无需宿主发版即可更新，还取决于宿主的加载方式和缓存策略。

实践重点

复用不止是复制组件代码，还包括入口约定、依赖管理、样式加载和部署验证。

相关文章

• 技术笔记：远程组件发布后，如何避免脚本与样式版本错配
• 技术笔记：共享 Vue 组件如何避免重复打包运行时