vue中使用postcss-pxtorem实现适配

前言

很少在pc端使用rem，不过做c端产品的，还是得在每个尺寸下都和设计稿完全一样，在自己手写媒体查询和插件之间选了后者，一劳永逸，今天就说下配置及使用；下面是在vue2.6、vue-cli4中的配置(注意：不同版本配置方式不同)

安装amfe-flexible和postcss-pxtorem

npm install postcss-pxtorem -S
npm install amfe-flexible -S

postcss-pxtorem将px转为rem；
amfe-flexible可进行屏幕自适应；

配置及使用

1. 在main.js中引入amfe-flexible

import  "amfe-flexible";