postcss-pxtorem 忽略
时间: 2023-10-13 10:59:03 浏览: 197
您好!对于postcss-pxtorem插件,如果您希望它忽略某些特定的CSS属性或选择器,您可以在配置文件中进行设置。在postcss.config.js文件中,您可以使用exclude属性来指定要忽略的属性或选择器。例如:
```javascript
module.exports = {
plugins: [
// 其他插件...
require('postcss-pxtorem')({
// 配置项...
exclude: /ignore-.*|\.ignore/
}),
],
};
```
在上述示例中,我们使用正则表达式/exclude-.*|\.exclude/来指定要忽略的属性或选择器。您可以根据自己的需求修改正则表达式来匹配您想要忽略的内容。
希望这个回答能够帮到您!如果您还有其他问题,请随时提问。
相关问题
postcss-pxtorem exclude忽略文件
根据引用中的信息,postcss-pxtorem插件可以通过配置exclude属性来排除某个文件夹下的所有CSS文件,使其不进行从px到rem的转换。具体配置方法可以参考webpack配置或新建一个postcss.config.js文件。在配置中,可以将exclude属性设置为所需排除的文件夹路径,例如/node_modules,这样就可以忽略该文件夹下的所有文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [移动端适配 rem、postcss-pxtorem、postcss-px-to-viewport、vw vh](https://blog.csdn.net/xuyanl/article/details/129499800)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [使用postcss-plugin-px2rem和postcss-pxtorem(postcss-px2rem)-px自动转换rem的配置方法-vue-cli3.0](https://blog.csdn.net/JackieDYH/article/details/115463646)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
postcss-pxtorem exclude忽略多个文件
在postcss-pxtorem中,如果我们想要忽略多个文件,可以使用正则表达式来匹配这些文件,并在配置项中添加exclude属性。例如,在.postcssrc.js文件中,我们可以使用以下配置来忽略多个文件:
```javascript
module.exports = {
"plugins": {
"autoprefixer": {},
'postcss-pxtorem': {
rootValue: 37.5, // 75表示750设计稿,37.5表示375设计稿
propList: ['*'],
exclude: /file1|file2|file3/i
}
}
}
```
在上述配置中,exclude属性使用了正则表达式来匹配文件名,通过使用|符号来分隔多个文件名。这样,postcss-pxtorem将忽略匹配到的这些文件,不进行转换处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Uni-app postcss-pxtorpx 使用(可以exclude某个文件夹)](https://blog.csdn.net/qq_42868846/article/details/121543681)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue-移动端适配-postcss-pxtorem](https://blog.csdn.net/qq2276031/article/details/121637970)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文