本版本ui组件px无法被全局转换成rpx,使用的插件为postcss-pxtorpx-pro，但是用了其他ui组件却可以

[linshenghao]

版本

2.0.36

转载链接

uiadmin.net

重现步骤

// vite.config.ts
import postcssPxtorpxPro from "postcss-pxtorpx-pro";
export default defineConfig((config: ConfigEnv): UserConfig => {
return {
css: {
postcss: {
plugins: [
// postcssImport(),
postcssPxtorpxPro({
// 转化的单位
unit: "rpx",
// 单位精度
unitPrecision: 5,
// 不需要处理的css选择器
selectorBlackList: [],
// 不需要转化的css属性
propBlackList: [],
// 直接修改px，还是新加一条css规则
replace: true,
// 是否匹配媒介查询的px
mediaQuery: false,
// 需要转化的最小的pixel值，低于该值的px单位不做转化
minPixelValue: 2,
exclude: null,
// 不处理的文件
// exclude: /node_modules|components/gi,
// 转化函数
// 视口375px
transform: (x: any) => 2 * x
})
]
}
}
}
}
});

期望的结果是什么？

希望ui库的css全局被替换成rpx, 目前引入别的ui库可以正常转换，但是这个ui库不行， 感觉是加载顺序的问题，当前ui加载完成在插件执行之后，所以无法被转换到，从控制台可以看到加载明显不是很快

实际的结果是什么？

引入的ui库没被插件执行到，无法全局转rpx,而是后续加载

[asd8855]

部分配置是代码里面写死的，所以修改了这块也没用