Esmx Module Link Host

模块配置

// entry.node.ts
export default {
  modules: {
    // 导入的模块基本配置
    links: {
      'ssr-vue2-remote': 'root:../ssr-vue2-remote/dist'
    },
    // 外部依赖映射
    imports: {
      vue: 'ssr-vue2-remote/npm/vue'
    }
  }
}

导入组件

import { AppNav, UiButton, UiCard } from 'ssr-vue2-remote/src/components';

使用组件

<template>
  <div class="demo">
    <ui-button type="primary">主要按钮</ui-button>
    <ui-button type="secondary">次要按钮</ui-button>
    
    <ui-card>
      <template #header>
        <h4>卡片标题</h4>
      </template>
      <p>卡片内容</p>
    </ui-card>
  </div>
</template>

<script setup>
import { UiButton, UiCard } from 'ssr-vue2-remote/src/components';
</script>

按钮类型

按钮状态

按钮尺寸

基础卡片