相信最近用过postcss-pxtorem+amfe-flexible移动端适配的同学会发现安装postcss-pxtorem并配置vue.config.js后会报错被报错Error:PostCSSpluginpostcss-pxtoremrequiresPostCSS8.明明是按照以前配置的，怎么突然就出错了。。。其实postcss-pxtorem已经进入6.0版本了。需要依赖postcss8.0的实现（具体的项目没研究清楚~~TAT），所以解决方法也很简单，查看package.json中postcss-pxtorem的版本是否在6.0以上。如果是这样，只需通过$npminstallpostcss-D安装postcss，其他一切照常。因为自动安装了最新的，所以不用担心postcss不是8.0.或者不想这么麻烦的话，可以选择使用postcss-pxtorem5.0，只需要通过命令$npminstallpostcss-pxtorem@5.0.0-D安装即可，这样就不用添加了postcss依赖项。其他配置如下：在main.js中引用amfe-flexibleimport"amfe-flexible"；在根文件目录下创建一个vue.config.js文件，添加如下配置：pxunittoremunitrootValue:37.5,//转换基数（设计图750的根字体为75）//selectorBlackList:['weui','mu'],//忽略转换正则匹配项propList:["*"],}),],},},},};然后重新运行项目，就可以正常使用了。但是只能转换css、sass、less等外部样式，以及vue文件中style标签中的样式。无法转换内联样式。html的font-size会随着设备的宽度变化，说明已经设置成功。当然你也可以更直观的看到是否已经转换为rem。
