Vue-cli3.X使用px2 rem遇到的问题及解决方法

把项目脚手架升级为cli3.X了以后，模板简洁了很多，运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候，我们不能像以前老的脚手架那样操作了。由于在在vue.config.js里配置这里需要说明一点。网上搜的一堆教程都强调应该增加remUnit来设置rem的计算标准。但是其实在新版后，这个值换成了rootValue这个。例如你设计稿为750的宽度标准，那么这里的值设置为75则可。由于rem是根据根字体的大小来作为基准值的，然而我们的移动设备屏幕大小以及有些屏幕为视网膜屏的，会是普通屏幕的2倍，所以这个基准值我们需要根据不同设备来进行计算。这里我们在src/plugins下新建一个rem.js文件。然后在main.js里面引入该文件这样，我们的工作就完成了。