- 代码放在 src 目录下,hooks 文件夹主要放一些公共的 hook
- hook 的编写可以参考 chakra-ui(也是运用的 headless 思想)
- 组件的 style 需要在 style 文件下的 index.less 进行注册,在对应的组件直接导入 style 即可
- 需要复用的 css 可以统一写在
/style/theme/variable.less
下面 - 类名控制采用 classnames 这个包,可以了解一下使用方法
- 直接运行
npm run build
即可打包 - 每一个组件都需要在 main.tsx 里面进行注册
- 每一个组件的 story 放在 stories 文件下面
- 如果跑不起来,检查一下 node 的版本,这边检测 16.18.1 的版本可以跑,可能高版本会有些问题
- 在提交的时候需要执行
npm run build-storybook
打包生成 storybook 静态文件 storybook-static - test 文件下方主要放测试文件,现在可以使用了,写法看测试文档,主要知识点已经完成,等我写个 button 的测试