vant官网提供了2个工具,可以非常简单的实现rem的适配
- 安装postcss-pxtorem
npm i postcss-pxtorem
- 在Babel.config.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 './node_modules/amfe-flexible/index.js'