vue3+vite postcss-px-to-viewport 兼容第三方ui exclude不生效
时间: 2023-07-22 18:38:24 浏览: 246
前端开源库-postcss-px-to-viewport
你好!针对你的问题,我可以提供以下一些可能的解决方案:
1. 确认是否正确配置了 exclude 字段,exclude 字段需要设置为一个正则表达式,用于匹配需要忽略转换的文件路径。例如:`exclude: /(node_modules|folder_name)/i`,其中 /node_modules/ 和 /folder_name/ 都是需要忽略转换的文件夹。
2. 确认是否正确配置了 postcss.config.js 文件,该文件需要在项目根目录下创建,并配置如下:
```javascript
module.exports = {
plugins: {
'postcss-px-to-viewport': {
viewportWidth: 750, // 视窗的宽度,对应设计稿的宽度,一般为750
viewportHeight: 1334, // 视窗的高度,对应设计稿的高度,可以不配置
unitPrecision: 3, // 指定 px 转换为视窗单位值的小数位数
viewportUnit: 'vw', // 指定需要转换成的视窗单位,建议使用 vw
selectorBlackList: ['.ignore', '.hairlines'], // 指定不需要转换的类名,数组内的类名需要完整匹配
minPixelValue: 1, // 小于等于 1px 不转换为视窗单位
mediaQuery: false // 允许在媒体查询中转换 px
}
}
}
```
3. 确认是否升级了 postcss-px-to-viewport 插件,最新版本的插件可能会存在兼容性问题,可以尝试使用旧版本的插件。
希望以上解决方案能够帮到你!如果还有其他问题,欢迎随时提出。
阅读全文