PostCSS的插件 -- 关于vue rem适配布局方案

PostCSS的插件

记以下三种

1. postcss-plugin-px2rem
2. postcss-pxtorem
3. postcss-px2rem

任选一种，最近大家推荐第一种（在配置上多了配置选项上有 exclude 属性，可配置是否对 某个文件夹下的所有css文件不进行转换），之前我用的第二种（也是目前使用最多的）
都有可以配置selectorBlackList: [] 要忽略并保留为px的选择器
还有个小技巧 – 如果个别地方不想转化px。可以简单的使用大写的 PX 或 Px 。

使用方法
选择你要用的插件安装依赖： npm i postcss-plugin-px2rem -D或 npm i postcss-pxtorem -D 或 npm i postcss-px2rem -D

配置方法

换算单位 pc端一般基数为37.5，移动端一般为16或者32

用vue init webpack projectName 创建的项目，postcss配置文件在根目录下 .postcssrc.js
（该文件为使用vue init自动创建的文件）

module.exports =