components

useage

当前版本已发布 npm 仓库（私有仓库）

• 添加.npmrc 文件 registry=http://192.168.200.178:4873/
• 运行命令安装包 npm install mcf-components

develop 规范要求

• 创建新功能分支来源 master 统一采用 feature/组件英文名称 上进行代码开发，开发完成后提交 merge_request ,合并成功后owner将删除当前分支

• 修改BUG 分支来源 master 统一采用 hotfix/已有组件英文名称 上进行代码开发，开发完成后提交 merge_request 合并成功后owner将删除当前分支

• master 与 develop 不允许直接提交，统一采用 branch 开发后，提交merge_request 到 develop 请求合并代码审核。

• CI 单元测试能过后才能提交代码合并请求，未通过一概不允许合并

• 合并请求时请 清楚描述 修改内容 add : 新增XXX组件

• 合并请求描述规范格式要求：ADD:新增XXX组件、MODIFY:XXX组件增加单元测试、BUGFIXED:修改 XXX 组件 YYY bug

• 合并 master 规范：master禁止提交代码，只允许来源develop内容

• 合并 发布版本内容 在develop分支工作

  • 修改 changelogs.md 文件 将发布描述版本内容
  • 修改 version 号 配置，防止合并到 master 后发起发布失败(已发布版本号不允许二次发布)
  • 合并将要发布的版本内容合并
  • 提交 meger_request 到 master 在master合并 CI 自动发版成功

组件规范

• 新增组件源码位于src目录下，组件采用大驼峰（UpperCamel）命名，以组件名作为目录名，如./src/FormItem/。
• 组件目录下必须具有index入口文件，入口文件必须具有default导出
• 组建目录下必须具有style文件夹 若有需要添加样式 则在style/index.js/ts 中引入
• 当一个组件目录下存在多个待导出组件时，采用ComponentA.ComponentB的形式导出非默认组件
• 组件样式可使用下面的样式分包使用或直接引入dist/style.css 或 dist/style.less 中的全部样式（同antd样式用法）

使用说明

请移步至这里

样式分包使用

• 使用 babel-plugin-import
• 配置

1 loader:'babel-loader',
2 options:{
3   plugins:[
4          "import",{
5            libraryName:'@mcf/components',
6            libraryDirectory:"lib",
7            camel2DashComponentName:false,
8            style:true
9          },"@mcf/components"
10        ]
11 }
12