基本信息

Git工程：https://git-web.shulex-tech.com/shulex-fe/shulex-design Docs地址：https://apps-staging.voc.ai/design#/components/ Dumi框架文档：https://d.umijs.org/guide 组件库的antd是V5版本

如何写组件

1. 基础组件写在Components目录下，业务组件后面再抽个文件夹
2. 在封装组件时需要包一层ConfigProvider，参考其他组件
3. 样式记得加前缀shulex
4. 有些antd组件封装后在实际安装使用&部署后可能会有点坑(比如使用的工程是antd v4的)，记得验证

如何写组件文档

参考：https://d.umijs.org/guide/write-demo

如何联调

本地联调

1. 在本地npm包目录执行npm link，热更新
2. 取消时用 npm unlink 包名
3. 查看项目已链接的包 npm ls --depth=0 线上联调
4. 发一个测试包，指定package里version为例如1.0.0-beta1
5. 安装指定包

使用注意点

‒ 在工程内使用组件库less变量：在全局样式文件里引用@import '/node_modules/shulex-design/dist/variables.less';

如何发版

发组件文档 只搞了staging环境 方式一：走gitlab cicd，直接构建 方式二：在工程里执行yarn docs:build yarn docs:build-staging 发包 步骤一：切换npm源到https://registry.npmjs.org/ 步骤二：去npm注册，找小康叶轩拉到组织里，并命令行登录npm 步骤三：修改package.json 里版本，执行 npm publish