postcss-pxtorem 使第三方UI库不进行转换

在项目中用到了 淘宝移动端flexible解决方案,同时也使用到了第三方UI库。这时就出现了一个问题。第三方UI库使用的是px,而postcss将页面中的px 全部转化成了rem.导致样式缩小。

查阅postcss配置资料后发现 postcss-pxtorem 中有个 selectorBlackList 属性,忽略掉某些选择器 我的项目中使用的 vant-UI 因此我只需要将 .van 忽略掉就好

"postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-pxtorem": {
        "rootValue": 75,
        "selectorBlackList":[".van"],
        "propList": [
          "*"
        ]
      }
    }
  },

 

你可能感兴趣的:(JS)