umi pxtorem

umi-pxtorem 是 UmiJS 插件，用于将 CSS 中的 px 转换成 rem，适合于开发响应式页面。为什么要将 px 转换成 rem 呢？因为像素 px 不像 em、rem 等相对单位一样，它是绝对单位，不随系统或浏览器字体设置而变化，所以在不同屏幕上浏览网站时，会导致字体大小及布局的不协调。而使用相对单位 rem，可以根据根元素的字体大小进行计算，灵活适应不同屏幕的尺寸。

umi-pxtorem 将 CSS 中的 px 转换成 rem 非常方便，只需要在 umirc.js 或者 config/config.js 中配置即可。其使用方法是：在 .eslintrc.js 中添加 umi-pxtorem 的插件，然后在配置选项中设置 rootValue、propList、exclude 等参数。

其中，rootValue 是根字体大小，通过设定根字体大小，后续使用 rem 单位时就可以以此为基准进行转换；propList 是需要转换的属性列表，比如同时包括 font-size、margin 等等；exclude 是不需要转换的 CSS 文件，比如 antd 的组件样式库中就不需要转换。

总之，umi-pxtorem 是一款非常实用的插件，可以有效解决不同屏幕尺寸下的排版问题，提升开发效率和用户体验。