postcss-pxtorem 只转化个别文件
时间: 2024-09-24 09:23:05 浏览: 53
postcss-pxtorem移动端适配的实现
5星 · 资源好评率100%
`postcss-pxtorem`是一个PostCSS插件,它主要用于帮助你将设计稿中的像素值(px)转换为相对单位(如em或rem),以便于响应式设计。当你只想对特定的CSS文件应用这种转换时,可以在配置中指定处理哪些文件。例如,在`.postcssrc.js`文件中,你可以设置`process`选项来指定只针对某些路径的文件运行转换:
```js
module.exports = {
plugins: {
pxtorem: {
rootValue: 100, // 根元素的基准值
propWhiteList: ['*'], // 只转换指定属性,如果不设置则全部转换
mediaQueryWhitelist: false, // 是否转换媒体查询内的px值,默认false
exclude: ['./src/components/*'] // 排除特定目录下的文件
}
}
};
```
在这个例子中,`exclude`数组中的路径表示不会对`./src/components/*`路径下的文件应用px-to-rem转换。这样可以保证只有部分CSS样式被处理,其他不受影响。
阅读全文