前端工程结构

exp_example/
├── fh2-plugin.json                # 插件清单（你维护）
├── package.json
├── rsbuild.config.ts
├── public/                        # 图标等静态资源（可选）
├── src/
│   ├── plugin.ts                  # 唯一入口代码
│   ├── generated/
│   │   └── plugin-types.ts        # generate 生成，不要手改
│   ├── hosts/
│   │   └── <host>/activate.ts     # 每个宿主页面一份激活逻辑
│   ├── shared/                    # 数据结构、纯函数、请求封装（跨宿主复用）
│   └── views/
│       └── <view-id>/
│           ├── contract.ts        # 界面契约（入口和界面共用）
│           ├── index.ts           # 默认导出 defineView(...)
│           ├── mount.ts           # 挂载/卸载逻辑
│           └── Panel.vue          # Vue 组件
└── dist/                          # build 生成，不要手改

src/plugin.ts（入口）
   └─> src/hosts/<host>/activate.ts
          └─> src/shared/  +  src/views/<id>/contract.ts

src/views/<id>/（界面）
   └─> Vue 组件 + contract.ts + UI 库

// rsbuild.config.ts
import { defineConfig } from '@rsbuild/core'
import { pluginVue } from '@rsbuild/plugin-vue'
import { fh2Plugin } from 'fh2-plugin-toolchain/rsbuild'

export default defineConfig({
  plugins: [
    pluginVue(),
    fh2Plugin({
      manifestPath: './fh2-plugin.json',
      pluginEntry: './src/plugin.ts',
      typesOutDir: './src/generated',
      validateOnBuild: true,
    }),
  ],
  output: { distPath: { root: 'dist' } },
})