vue-cli3.x中将px转化为rem

2020-08-17  本文已影响0人  Song_0129

vue-cli3.x项目中使用postcss-pxtorem和lib-flexible相结合,将px转换为rem,从而实现移动端适配问题,兼容第三方UI框架

一、安装相关插件

npm install lib-flexible postcss-pxtorem --save
//注:如果安装失败,可以使用cnpm

二、main.js中引入

import 'lib-flexible/flexible.js'

三、package.json中进行配置

    "postcss": {
        "plugins": {
            "postcss-pxtorem": {
                "rootValue": 100,//rem的值
                "propList": [
                    "*"
                ]
            }
        }
    },

注意:使用时需先增加全局的rem

上一篇下一篇

猜你喜欢

热点阅读