脚本

yarn create-component

快速创建组件

yarn storybook

启动dev服务器

yarn build

生成文件

yarn test

测试

主要项目依赖

• antd - 组件库
• react - 视图渲染框架
• react-use - react hooks工具库
• styled-components - react配套css in js框架
• dayjs - 日期相关工具库
• slate - 富文本编辑器框架

项目目录

• /dist - build target
• /.storybook - Storybook相关配置
• /src
  • ./components - 组件
    • *.test.tsx - 测试文件
    • *.stories.tsx - Storybook样例
    • test-util.ts(x)? - 测试或Storybook用到的代码
  • ./icons - 图标
  • ./utils - 公用工具
  • ./stories - Storybook examples
  • ./theme - 主题
  • ./locale - 语言
  • ./types - 公用类型
  • custom.d.ts - 补充类型定义
  • index.ts - expose modules
• /jest.*.ts - Jest相关配置
• /rollup.config.ts - rollup打包配置

TODO

• 富文本编辑器

ISSUES

1. File组件名称过长时会将容器撑开