安装
npm install postcss-pxtorem --save-dev
配置postcss.config.js
新建 postcss.config.js
export default {plugins: {'postcss-pxtorem': {rootValue: 16, // 根元素大小,用于转换rem的基准值unitPrecision: 5, // rem的小数位数propList: ['*'], // 需要转换的文件selectorBlackList: [], // 需要忽略的选择器,可以写正则replace: true, // 是否替换原始值mediaQuery: false, // 是否在媒体查询中转换pxminPixelvalue: 0 // 小于或等于该值的像素单位不被转换}}
}
配置完成后,postcss-pxtorem会在构建时自动将CSS中的像素单位转换为rem。例如: