移动端postcss适配问题、关于 .postcssrc.js 配置文件

@[TOC]移动端postcss适配问题

关于 .postcssrc.js 配置文件

基于 lib-flexable、postcss-pxtorem 的 REM 适配方案，则应该设置为你的设计稿的十分之一。
例如设计稿是 750 宽，则应该设置为 75。

vant的rem基准值

Vant 是基于 375 写的，所以如果你设置为 75 的话，Vant 的样式就小了一半。
如果设置为 37.5 的话，Vant 的样式是没有问题的，但是我们在测量设计稿的时候都必须除2才能使用，否则就会变得很大。

解决方案

文件根目录创建.postcssrc.js 的配置文件

module.exports = {
  // 配置要使用的 PostCSS 插件
  plugins: {

    // 配置使用 postcss-pxtorem 插件
    // 作用：把 px 转为 rem
    'postcss-pxtorem': {
      rootValue ({ file }) {
        return file.indexOf('vant') !== -1 ? 37.5 : 75
      },
      propList: ['*']
    }
  }
}