postcss-pxtorem 在config文件夹下的配置
时间: 2023-11-15 18:45:53 浏览: 73
config配置文件
在配置文件夹下的 postcss-pxtorem 配置文件是 postcss.config.js。这个配置文件用于设置 PostCSS 的插件和选项。
首先,确保你已经安装了 postcss-pxtorem 插件。如果还没有安装,可以使用以下命令进行安装:
```
npm install postcss-pxtorem --save-dev
```
然后,在 config 文件夹下创建一个名为 postcss.config.js 的文件,并在其中添加以下内容:
```javascript
module.exports = {
plugins: [
require('postcss-pxtorem')({
rootValue: 16, // 设计稿宽度除以10
propList: ['*'], // 需要转换的属性,这里设置为全部
selectorBlackList: [], // 需要忽略转换的选择器,可以使用正则匹配
minPixelValue: 2 // 小于等于2px的不转换
})
]
}
```
在上面的配置中,rootValue 用于设置基准值,即设计稿的宽度除以10。propList 设置需要转换的属性,默认为全部。selectorBlackList 可以用于设置需要忽略转换的选择器,可以使用正则表达式进行匹配。minPixelValue 设置小于等于2px的值不进行转换。
保存配置文件后,在项目中使用 postcss-pxtorem 插件会自动根据配置进行相应的转换。
注意:配置文件中的其他 PostCSS 插件和选项也可以根据需要进行添加和修改。
阅读全文