对于postcss-pxtorem exclude 怎么配置
时间: 2023-11-02 07:58:49 浏览: 161
对于 postcss-pxtorem 插件的 exclude 配置,你可以通过以下方式进行配置:
```javascript
module.exports = {
plugins: [
// ...其他插件
require('postcss-pxtorem')({
rootValue: 16, // 根据设计稿设置的基准值
unitPrecision: 5,
propList: ['*'],
selectorBlackList: [],
replace: true,
mediaQuery: false,
minPixelValue: 0,
exclude: /node_modules|folderName/i, // 使用正则表达式匹配需要排除的文件或文件夹
}),
// ...其他插件
],
};
```
在上面的示例中,exclude 字段用于配置需要排除的文件或文件夹。你可以使用正则表达式来匹配需要排除的内容。上面的配置中,`/node_modules|folderName/i` 表示排除所有包含 "node_modules" 或 "folderName" 的路径。
你可以根据自己的项目结构和需求来配置 exclude 字段,以确保在特定路径下不对样式进行转换。
相关问题
postcss-pxtorem exclude参数
在postcss-pxtorem插件中,exclude参数用于指定要忽略并保留为px的文件路径。该参数可以是一个字符串、正则表达式或函数。
如果exclude参数是一个字符串,它将检查文件路径是否包含该字符串。例如,'exclude'将匹配包含'exclude'字符串的文件路径。
如果exclude参数是一个正则表达式,它将检查文件路径是否与该正则表达式相匹配。例如,/exclude/i将匹配忽略包含'exclude'的文件路径。
如果exclude参数是一个函数,它可以使用exclude函数返回true,从而指定要忽略的文件。回调函数将文件路径作为参数传递,并应该返回一个布尔值。例如,可以使用以下函数来忽略包含'exclude'字符串的文件:
function (file) {
return file.indexOf('exclude') !== -1;
}
以上是关于postcss-pxtorem插件中exclude参数的解释。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [postcss-prefix-selector:使用选择器为所有CSS规则添加前缀](https://download.csdn.net/download/weixin_42117116/18599822)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [postcss-pxtorem](https://blog.csdn.net/qq_26695613/article/details/128069677)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
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 ]
阅读全文