ant-learning

版本控制

1. 当前的问题

  • 如何与 AntDesignPro 版本保持一致？
  • 如何让公共的代码与不用的项目保持一致？

2. 同步 AntDesignPro

幸亏 AntDesignPro 这一年没有啥大的改动，所以同步起来更方便了。

2.1 Merge 代码

具体步骤如下

  • 下载最新版本的AntDesignPro
  • 下载本安装winmerge 文件比较工具
  • 进行版本比较，并解决差异
  • 执行tyarn install
  • 执行yarn start:local
  • 进行测试，并解决问题。

2.2 解决问题

执行代码，手工看看有没有什么问题。

水印

有水印，和恶心的那种。

在app.tsx中去掉waterMarkProps

头部样式

头部，鼠标移动到退出处，出现暗黑模式，并且不显示环境变量

修改代码src\components\RightContent\index.tsx

if ((navTheme === 'dark' && layout === 'top') || layout === 'mix') {
  // className = `${styles.right}  ${styles.dark}`;
  className = `${styles.right}  `;
}


<Avatar menu={true} />;


{
  REACT_APP_ENV && (
    <span>
      <Tag color={ENVTagColor[REACT_APP_ENV]}>{REACT_APP_ENV}</Tag>
    </span>
  );
}

2.3 校验

npm run lint


# 也可以自动修复，但是不推荐，建议自己来修改错误
npm run lint:fix

2.4 构建

yarn run build


# 如果想分析代码的大小可以执行下面的代码
yarn run analyze

2.5 部署

Edit this doc on gitee12/11/2022 05:56:54