1.下载安装amfe-flexible插件(根据屏幕尺寸动态计算REM单位)
npm i amfe-flexible -s
2.在main.js文件中引入全局的amfe-flexible文件
import 'amfe-flexible'
3.下载安装postcss-pxtorem单位转换插件
npm i postcss-pxtorem -s
4.创建1个postcss.config.js文件
module.exports = { //模块暴露
plugins: { //插件配置
'postcss-pxtorem': { //插件名称
rootValue: 37.5, //设计稿375就设置37.5 设计稿750就设置75
propList: ['*'], //配置所有字体大小
selectorBlackList: ['scss-'] //过滤掉scss-开头的class,不进行rem转换
}
}
}