postcss-pxtorem怎么配置
时间: 2023-11-02 14:02:00 浏览: 77
postcss-pxtorem移动端适配的实现
5星 · 资源好评率100%
postcss-pxtorem是一个PostCSS插件,用于将像素单位转换为rem单位。它可以帮助你在开发响应式网站时更加方便地处理单位问题。下面是一个简单的配置示例:
```javascript
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue: 16, // 设计稿宽度/10,比如设计稿宽度为375px,则rootValue为37.5
unitPrecision: 5, // 保留小数点后几位
propList: ['*'], // 需要转换的属性,*表示所有属性都需要转换
selectorBlackList: [], // 不需要转换的选择器,可以是正则表达式或者字符串
replace: true, // 是否替换原有的单位
mediaQuery: false // 是否在媒体查询中也进行转换
}
}
}
```
以上配置将会把所有的px单位转换为rem单位,转换规则为:1px = 1/16rem(根据上面的配置,rootValue为16)。在实际应用中,你可以根据具体的需求进行配置。
阅读全文