首先要找到问题的原因:
仔细查阅了vux文档,vux的样式是直接引用的weui样式
我down下来weui源码,以switch组件为例:
在浏览器中展示的字体则是:
那么在项目中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
跑一下,没有报错
然后在.postcssrc中配置exclude
然后凉了。。。
报错如下:
根据这个拨错特意邮件咨询了一下大漠,回复是不会出现这种问题的。
然后就感觉莫名其妙,最终只能放弃这个解决方案;
最终的解决方案是:
通过配置selectorBlackList忽略掉weui和vux前缀的单位。
配置如下:
暂时解决了这个问题,但是对配置exclude的报错其实还是耿耿于怀的。。。
希望文章能帮到大家;