这里介绍一款插件,嗯,很方便,可以自动将px正确转成rem,无需再手动计算
- 下载插件
cnpm install postcss-pxtorem -D
- vue.config.js 里配置(自己创建的webpack配置文件)
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-pxtorem')({//这里是配置项,详见官方文档
rootValue: 16, // 换算的基数
// selectorBlackList: ['weui','mu'], // 忽略转换正则匹配项
propList: ['*'],
}),
]
}
},
},
};
另外再附加一个px和rem直接转换的小工具 任意门
嗯,确实很方便
end~~~
如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!