vue项目中使用vant-ui怎么实现rem适配?

vant官网提供了2个工具,可以非常简单的实现rem的适配

安装postcss-pxtorem

npm i postcss-pxtorem

在Babel.config.js文件中配置,这是官方提供的一个基本配置

vue-cli3中我没有找到Babel.config.js文件，解决的方法是在package.json同级下新建一个.postcssrc.js文件，把下面代码放进去。

module.exports = {
  plugins: {
    'autoprefixer': {
      browsers: ['Android >= 4.0', 'iOS >= 7']
    },
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}

安装lib-flexible

npm i lib-flexible

使用的话,直接在main.js中导入js文件

import 'lib-flexible'