# 前端物料的远程加载

**Repository Path**: personal-learning_4/remote-module-loader

## Basic Information

- **Project Name**: 前端物料的远程加载
- **Description**: 前端物料库-远程加载
支持 ES 和 UMD 文件的远程加载

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-07-30
- **Last Updated**: 2025-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端物料的远程加载

#### 介绍
前端物料库-远程加载
支持 ES 和 UMD 文件的远程加载


#### 启动说明
1. sever 本地服务器，端口号为13000
2. sub-app 物料库，build 后会自动将 dist文件 => server/dist/loco-ui
3. main 主应用，useModule 为加载远程服务核心逻辑

#### 版本说明
1. micro_v1: 最简单的demo，引入子应用，需绑定root-id
2. micro_v2: sub-app 以组件库的形式打包
3. micro_v3: sub-app 组件库的版本控制
4. main: 引入远程物料，兼容 UMD 和 ES 文件

#### 使用说明
```jsx
function Demo() {
  const { loading, modules } = useModules([{ pkg: 'loco-ui', version: '0.0.3' }])
  const [Pages] = modules || [];

  return (
    <div className='romote-module'>
      {loading ? <p>Loading...</p> : <Pages.Input placeholder="我是一个 placeholder" />}
    </div>
  )
}
```