Esmx Module Link Remote

这是一个 Module Link 远程模块示例,用于展示可复用的组件。通过 Module Link,你可以轻松地在不同项目间共享和复用组件,实现真正的模块化开发。

Vue 2.7SSRESM

Remote 服务

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'
    ]
  }
}
📦 需要支持 ESM 格式
📝 需要 TypeScript 类型定义

导出类型

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';