vue中px自动转rem

vue cli3.0 rem 使用。
首先安装amfe-flexible插件，在main.js里引入
1、npm i amfe-flexible -S
2、再main.js中import ‘amfe-flexible’
然后再，安装postcss-px2rem插件
npm i postcss-px2rem -D
在package.json中配置

"postcss": {
    "plugins": {
    "autoprefixer": {},
    "postcss-px2rem": {
    "remUnit": 37.5
      }
     }
    },

基于vue-cli3.0脚手架。在.vue文件里。样式直接写px单位就可以了。在浏览器查看时会自动转换为rem单位。如果字体还想用px。那就这样将px大写。就不会编译为rem单位了。样式就可以实现px。