H5 vue 移动端px自动转换rem

环境：webpack:3.0+; vue:2.0+

方法：使用 postcss-pxtorem插件

步骤一：

npm i postcss-pxtorem -D   

步骤二：在package.json文件中postcss添加配置

  "postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-pxtorem": {
        "rootValue": 37.5,
        "propList": [
          "*"
        ]
      }
    }
  }

Tip：如果某些css不想被转为rem，如下写法

.test{width:10px}  //被转为rem
.test{width:10PX}  //不转为rem，因为css不分大小写，PX会被当做px处理，postcss-pxtorem只转换小写的px