UMI

基于 umijs 搭建的前端框架

版本信息

umi2.x react16.7 antd3.x ts

维护开发

＃安装依赖
yarn or yarn install

# 开发
yarn start

# 打包
yarn run build

开发规范文档

standard-doc

样式约定

颜色、间距、字体大小等都以定义变量的方式存在

• 基于 theme 字段做编译时换肤功能，皮肤主题目录 src/themes/templates，默认加载 light
• 颜色值、间距、字体: 定义在 src/themes/templates/light.less

具体页面的属性使用变量名赋值

@import '~@/themes/vars.less';

.inputIcon {
  color: @normal-color;
}
.inputIconFocus {
  color: @primary-color;
}

代码规范

• 使用eslint、stylelint搭配husky、lint-staged做JS、TS和CSS语法检查
• 使用commitizen做代码提交规范控制，需要npm install -g commitizen，然后用git cz代替git commit

自适应方案

postcss-px-to-viewport

根据设计稿统一使用px单位赋值

注意点

• 新建组件流程：大驼峰命名文件名，文件夹下新建 index.{jsx|tsx} 和 index.less。

LICENSE

MIT