VUE 移動端適配:VUE-CLI 3 添加 flexible 及 px2rem

在初始化項目時,添加postcss 支持。

1、安裝 flexible

npm i -D flexible

2、在main.js中引入 flexible

import 'lib-flexible/flexible'

3、安裝px2rem

npm i -D postcss-px2rem

4、在postcss.config.js中添加 px2rem 配置

plugins: {

autoprefixer: {},

'postcss-px2rem': {remUnit: 100}

}

配置完後,打包的代碼中px轉化爲rem,同時通過flexible適配移動端。

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