IMkit 基于 IMLib 通用化的 UI 封装,定位于通用的聊天会话场景(单聊/群聊),帮助开发者快速搭建一个功能集相对完整的即时 IM 通讯产品,提高接入效率。
npm install
npm run dev
npm run build
会话列表组件、消息列表组件、输入框组件 三类。
shell
├─ build # 打包配置文件
├─ src
│ ├─ assets # 静态资源文件
│ ├─ components # 组件
│ │ ├─ conversation-list # 会话列表组件
│ │ ├─ message-editor # 输入框组件
│ │ └─ message-list # 消息列表组件
│ ├─ core # 核心处理模块,包含消息处理,会话处理,本地存储处理等
│ ├─ index.ts #
│ ├─ language # 语言资源文件
│ └─ utils # 工具目录
├─ README.md # readme
├─ stencil.config.ts # stencil 配置文件
├─ package.json # 包依赖
└─ tsconfig.json # ts 配置文件
`
$3
1. 执行 npm run build 得到 dist 目录。把 dist 目录拷贝到项目中,建议更改 dist 文件夹名称。
2. 在 package.json 中添加 "@rongcloud/imkit": "file:XXX"` 依赖。XXX 为 build 生成的 dist 文件夹拷贝到您项目中的目录。