移动端rem自适应 + vant的px单位转rem配置

---

前言

参考https://blog.csdn.net/qq_61950936/article/details/126693782 整理的记录

---

一、设置根元素字体大小

//下载
npm i lib-flexible --save
//在main.js入口文件中引入
import 'lib-flexible/flexible' //自适应插件

二、下载postcss和postcss-pxtorem

作用是将vant的px单位转为rem的，否则字体大小会很奇怪

npm i postcss postcss-pxtorem@5.1.1

//src/新建postcss.config.js,放入下面的代码
module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 37.5
    }
  }
}