thistle-ui

react hooks + typescript 组件库

目录结构

├── dist // 站点打包文件
├── lib // 组件打包后的文件
├── packages // 组件库
│   ├── _style  // 样式变量及mixin
│   ├── _util   // 组件用到的公共方法
│   ├── button  // 组件
│   │   ├── __tests__  // 单测试文件夹
│   │   │   ├── button.test.tsx  // 单测文件
│   │   ├── demo  // 用于显示在站点右侧的组件示例
│   │   │   ├── index.tsx  // demo
│   │   │   ├── index.scss  // demo 样式
│   │   ├── style  // 组件样式
│   │   │   ├── index.scss
│   │   ├── index.tsx   // 单个组件
│   │   ├── PropsType.ts  // 组件属性类型定义
│   │   ├── README.md  // 用于显示在站点中间位置的说明文档
│   └── index.ts // 主入口
├── site // 组件库站点
│   ├── config // 菜单等相关配置
│   ├── demo  // 移动站点
│   │   ├── components  // 移动站点组件
│   │   ├── pages // 移动站点页面
│   │   ├── styles  // 移动站点样式
│   │   ├── index.html // 站点页面
│   │   ├── index.tsx  // 站点入口
│   ├── web  // PC站点
│   │   ├── components  // PC站点组件
│   │   ├── pages // PC站点页面
│   │   ├── docs  // 组件以外的文档
│   │   ├── index.html // 站点页面
│   │   ├── index.tsx  // 站点入口
│   ├── locale  // 多语言
│   ├── styles  // 样式
│   ├── types  // ts依赖的定义
│   ├── utils  // 工具
│   ├── setupTests.ts // 单测全局引用
├── types // 类型定义文件
├── rollup.build.js  // 组件打包
 

启动站点服务

yarn start

打包站点

yarn run build:site

打包组件

yarn run build:lib

创建新组件

yarn run create xxx