关于postcss-px-to-viewport引入vux，组件中px被转化为vw解决方案

首先要找到问题的原因：

仔细查阅了vux文档，vux的样式是直接引用的weui样式

我down下来weui源码，以switch组件为例：

图片.png

在浏览器中展示的字体则是：

图片.png

那么在项目中px单位就被转化成了vw单位，看着怎么都感觉小了很多~~~
由于没有人催进度，所以就想着解决一下这个问题。
首先受到github上一个issue的启发，通过配置exclude避免第三方组件被转化。
链接地址：
https://github.com/evrone/postcss-px-to-viewport/issues/11

但是通过更改index.js出现了一个问题：
解决方案是在index.js加上exclude

https://github.com/evrone/postcss-px-to-viewport/pull/14/commits/fff029b368cbed34ba6556356f674d9ea7f8d217

图片.png

跑一下，没有报错
然后在.postcssrc中配置exclude

图片.png

然后凉了。。。
报错如下：

图片.png

根据这个拨错特意邮件咨询了一下大漠，回复是不会出现这种问题的。

图片.png

然后就感觉莫名其妙，最终只能放弃这个解决方案；
最终的解决方案是：
通过配置selectorBlackList忽略掉weui和vux前缀的单位。

配置如下：

图片.png

暂时解决了这个问题，但是对配置exclude的报错其实还是耿耿于怀的。。。

希望文章能帮到大家；

最后，安利一下大漠的这篇适配文章：

如何在Vue项目中使用vw实现移动端适配

https://www.w3cplus.com/mobile/vw-layout-in-vue.html