如何在umi中实现移动端适配

在umi中使用移动端适配，具体步骤如下:

 1.安装相关依赖

npm install postcss-px-to-viewport --save-dev

2.修改.umirc.js或者config/config.js文件，添加postcss配置、

//导出配置
import px2vw from "postcss-px-to-viewport";

export default {
  extraPostCSSPlugins: [
    px2vw({
      viewportWidth: 375, // 设计稿宽度
      viewportHeight: 667, // 设计稿高度
      unitPrecision: 3, // 转换后的精度，保留3位小数
      viewportUnit: 'vw', // 转换的单位，使用vw
      selectorBlackList: ['.ignore'], // 不需要转换的类名
      minPixelValue: 1, // 最小的转换数值
      mediaQuery: false // 是否允许在媒体查询中转换px
    })
  ]
}