Vant移动端rem适配：引入amfe-flexible、postcss-pxtorem依赖

场景需求：

项目本是纯vue环境，因功能迭代开始交互多了，需要引入vant来完善细节；引入vant后发现里面默认px单位，项目本是rem单位，所以需要动态转换避免过多手动重写样式

amfe-flexible 用于设置 rem 基准值，设置根字体的大小

postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem

只需两三步哈~~

目录

安装依赖

配置一下 .postcssrc.js 文件

最后（可有可无）

exclude属性

---

 

---

安装依赖

cnpm i amfe-flexible

cnpm install postcss-pxtorem -D

配置一下 .postcssrc.js 文件

（如若没有此文件需要新建一下）

module.exports = {
  "plugins": {
    "autoprefixer": {
      browsers: ['Android >= 4.0','iOS >= 8']
     },  
    'postcss-pxtorem': {        
      rootValue: