Remote 服务是一个独立的微前端服务,可以:
- • 将组件、函数导出给其他应用使用
- • 支持运行时动态加载,实现代码共享
- • 确保所有应用使用相同版本的依赖
这是一个 Module Link 远程模块示例,用于展示可复用的组件。通过 Module Link,你可以轻松地在不同项目间共享和复用组件,实现真正的模块化开发。
Remote 服务是一个独立的微前端服务,可以:
// entry.node.ts
export default {
modules: {
exports: [
// 导出 Vue 实例
'npm:vue',
// UI 组件
'root:src/components/index.ts',
// 组合式函数
'root:src/composables/index.ts',
// 示例组件
'root:src/examples/index.ts'
]
}
}
npm:package
用于共享核心依赖包(如 Vue),确保所有应用使用相同版本。
root:path
用于共享项目内的组件、函数等可复用模块。
// src/components/index.ts
export { UiButton } from './ui-button.vue';
export { UiCard } from './ui-card.vue';
// src/composables/index.ts
export { useTheme } from './use-theme';