Shared business component library
A reusable library of feedback, payment QR and other business interactions for multiple host systems. Set up the Vue 3 asynchronous component library, supporting independent builds, host dependencies, styles and deployment integration.
- ES / UMD outputs from component entry points
- Host-provided Vue and UI dependencies
Context
Several business systems need shared feedback and payment components. Integration requires clear build entry points, dependency boundaries and stylesheet outputs.
My contribution
- Set up the asynchronous component library and build its feedback component, followed by a payment QR component.
- Work on component builds and deployment issues, supporting separate component entry points.
Implementation
The build discovers component entry.ts files and can generate ES and UMD outputs for one component. Vue and ant-design-vue are external dependencies supplied by the host; styles remain part of the build process.
This separates component delivery from host business code. Whether an update avoids a host release depends on the host loading mechanism and cache policy.
Engineering focus
Reuse includes entry-point contracts, dependencies, stylesheet loading and deployment verification, not only component source code.
Related articles
- Technical notes: Keeping remote component scripts and styles on the same release
- Technical notes: Shared Vue components without duplicate runtimes
- Vue 3
- TypeScript
- Vite
- ant-design-vue
- Sass
- Less
- ES / UMD