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": {}

    }

  },

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