pc端postcss-px-to-viewport 不生效
时间: 2023-10-29 17:05:30 浏览: 53
可能是配置有误或者插件未正确引入导致的。可以检查以下几点:
1. 确认已经安装了 postcss-px-to-viewport 插件,并且在 postcss.config.js 中正确引入了该插件。
2. 检查 postcss.config.js 中是否正确配置了插件,例如:
```
module.exports = {
plugins: {
'postcss-px-to-viewport': {
viewportWidth: 750, // 视窗的宽度,对应设计稿的宽度
viewportHeight: 1334, // 视窗的高度,对应设计稿的高度
unitPrecision: 3, // 指定 px 转换为视窗单位值的小数位数
viewportUnit: 'vw', // 指定需要转换成的视窗单位,建议使用 vw
selectorBlackList: ['.ignore', '.hairlines'], // 指定不需要转换的类名,可以自定义
minPixelValue: 1, // 小于或等于 1px 不转换为视窗单位
mediaQuery: false // 允许在媒体查询中转换 px
}
}
}
```
3. 确认项目中是否使用了 postcss-loader,并且在 webpack 配置文件中正确配置了 postcss-loader。
如果以上都没有问题,可以尝试重启项目或者清除缓存再重新编译。