Umi 配置版本号

问题

前端发布时经常遇到这种情况：你不知道到底线上版本到底是不是最新的，虽然你把打包文件发给运维了。
当然，如果涉及到UI变动很容易判断，但是如果是一些bug修复，不涉及UI，那就比较难判断了。

解决办法

这时引入版本号，并且关联上打包时间，并在UI中添加一个地方显示版本信息。

在 umi 中实现该需求

config.ts文件配置

1
2
3
4
5
6
export default {
  ...
  define: {
    VER_CODE: new Date().getTime(), // 用时间戳表示版本号
  },
};

代码中这样使用

1
2
3
4
5
const Page = () => {
  return (
    <p>版本号:{VER_CODE}</p>
  )
}

这样编译时，VER_CODE 会被替换成响应的时间戳