这里介绍一款插件,嗯,很方便,可以自动将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~~~
如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!