postcss-px-to-viewport 排除所有css文件
时间: 2024-07-13 13:00:34 浏览: 77
`postcss-px-to-viewport` 是一个 PostCSS 插件,用于自动将 CSS 中的像素单位(px)转换为响应式的视口单位(vw, vh),从而适应不同设备的屏幕尺寸。如果你想要排除所有 CSS 文件中的转换,可以在配置文件中设置相应的选项。
默认情况下,`postcss-px-to-viewport` 会处理所有导入的 CSS 文件。但是,你可以通过以下方式来控制其行为:
1. 配置文件(`.postcssrc.js` 或 `.postcssrc.yml`)中添加一个 `options` 对象,然后设置 `exclude` 属性:
```javascript
module.exports = {
plugins: {
postcssPxToViewport: {
options: {
exclude: ['**/*.css'] // 匹配所有.css文件不进行转换
}
}
}
};
```
2. 如果使用 JavaScript API,可以在使用插件时传递一个选项对象:
```javascript
import postcss from 'postcss';
import pxToViewport from 'postcss-px-to-viewport';
const config = { exclude: ['**/*.css'] };
postcss([pxToViewport(config)]).process(yourStyles);
```
请确保替换 `'**/*.css'` 为你实际希望排除的 CSS 文件模式。
阅读全文