首先要找到问题的原因：
仔细查阅了vux文档，vux的样式是直接引用的weui样式
我down下来weui源码，以switch组件为例：
图片.png
在浏览器中展示的字体则是：
图片.png
那么在项目中px单位就被转化成了vw单位，看着怎么都感觉小了很多~~~
由于没有人催进度，所以就想着解决一下这个问题。
首先受到github上一个issue的启发，通过配置exclude避免第三方组件被转化。
链接地址：
https://gith<wbr>ub.com/evron<wbr>e/postcss-px<wbr>-to-viewport<wbr>/issues/11
但是通过更改index.js出现了一个问题：
解决方案是在index.js加上exclude
图片.png
跑一下，没有报错
然后在.postcssrc中配置exclude
图片.png
然后凉了。。。
报错如下：
图片.png
根据这个拨错特意邮件咨询了一下大漠，回复是不会出现这种问题的。
图片.png
然后就感觉莫名其妙，最终只能放弃这个解决方案；
最终的解决方案是：
通过配置selectorBlackList忽略掉weui和vux前缀的单位。
配置如下：
图片.png
暂时解决了这个问题，但是对配置exclude的报错其实还是耿耿于怀的。。。
希望文章能帮到大家；
网友评论