vue中移动端使用postcss-px2rem与ui组件冲突问题(亲测有效)

在vue移动开发中,使用px2rem-loader,会自动将px单位换算成rem,但是存在一个问题,会将第三方UI库的px单位转为rem。

引入 import 'lib-flexible'

解绝方式:

1. 将UI组件中的px全部改为PX,或者在px后加 /*no*/.

2. 在框架中使用postcss-px2rem-exclude插件,添加exclude属性。

在vue-cli2.x中配置: 

在vue-cli3.0中配置:

删除package.json中的

  "postcss": {

    "plugins": {

      "autoprefixer": {}

    }

  },

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章