Ixs组件库开发流程

以开发基本组件举例

添加组件

基本架构

在packages\components中以组件名（小写）新增文件夹。

文件夹中需包含以下内容：

└───demo // 示例
└───docs // 文档
└───src
│   └───hooks // hook文件夹
│   └───const.ts // 常量文件
│   └───组件名.vue // 组件名，需首字母大写
│   └───types.ts // 类型定义
│   index.js	// 组件入口，导出组件及类型、常量等

配置组件的导出

packages\components\index.ts

配置全局安装：install函数中添加新增的组件

单独导出组件：export * from './xxx';，需自行在组件内部的index.ts中导出外部可能会用到的类型、变量等。

配置demo平台路由

packages\site\src\router.ts

在路由中添加对应组件路径

packages\site\src\sideNav.ts

在导航栏中添加对应的路由，需在正确的分类中添加。

组件开发

注意事项