vue项目中 postcss-pxtorem 的使用及webpack中的配置

移动盛行的时代，越来越多的手机型号要求我们在制作嵌入h5的时候去适配不同的手机。适配有多重模式，就像布局有flex、百分比等。字体大小的控制也有px、百分比、rem等单位，这篇文章来回顾下webpack中关于px转rem。

1 安装依赖包   npm install postcss-pxtorem --save-dev

2 创建 .postcss.js文件，做webpack相关配置

配置项

autoprefixer: 添加浏览器前缀

postcss-pxtorem：{

 rootValue:750;    根大小750

propList：[]  属性的选择器，*表示通用

selectorBlackList:[]    忽略的选择器   .ig-  表示 .ig- 开头的都不会转换

}