远程vue组件示例

可供hel-micro消费的远程vue组件示例

本地开发环境调试

pnpm run start:App

业务系统中

import Vue from "vue";
import {preFetchLib, bindVueRuntime} from "hel-micro";

bindVueRuntime({Vue});

await preFetchLib("hel-tpl-remote-vue-comps", {
    custom: {
        host: 'http://localhost:7001',
        enable: true,
    },
});

本地调试打包后的产物

# 本地打包并启动服务
pnpm run server:local

业务系统中

import Vue from "vue";
import {preFetchLib, bindVueRuntime} from "hel-micro";

bindVueRuntime({Vue});

await preFetchLib("hel-tpl-remote-vue-comps", {
    custom: {
        host: 'http://localhost:9001',
        enable: true,
    },
});

发布远程组件

先修改package.json里的version字段

pnpm run build
pnpm run publish