vue安装postcss-pxtorem后,f12控制台看到px没有被转成rem
时间: 2024-01-16 14:18:58 浏览: 236
postcss-pxtorem:px转rem,基于postcss
5星 · 资源好评率100%
在Vue项目中安装了postcss-pxtorem插件后,如果在浏览器的控制台中看到px没有被转换成rem,可能是由于以下几个原因:
1. 检查postcss.config.js文件是否正确配置了postcss-pxtorem插件。确保rootValue的值设置为16,这是将设计稿元素尺寸转换为rem的基准值。同时,propList设置为['*']可以将所有的属性值都转换为rem。
2. 检查是否正确安装了postcss-pxtorem插件。可以通过运行命令`yarn add postcss-pxtorem`来安装插件。然后在package.json文件中查看是否成功添加了"postcss-pxtorem"依赖。
3. 确保在Vue项目中正确配置了postcss-loader。在webpack配置文件中,需要将postcss-loader添加到对应的loader中,并在postcss-loader的options中添加对postcss-pxtorem插件的配置。
如果以上步骤都正确配置,但仍然无法在控制台中看到px被转换成rem,可能是由于其他原因导致的问题。可以尝试重新安装插件或查看相关文档和社区讨论来解决该问题。
阅读全文