vue

vue-cli3使用lib-flexible和px2rem搭建项

2019-05-13  本文已影响0人  TerdShow

1.安装flexible

cnpm install lib-flexible --save

在main.js引入

import 'lib-flexible/flexible.js'

2.安装px2rem-exclude
因为lib-flexible是动态添加dpr的,因此许多第三方ui库会产生错乱,因此推荐使用postcss-px2rem-exclude,它可以忽略不进行转换的文件

cnpm install postcss-px2rem-exclude -D

在postcss.config.js中进行配置

plugins: {
    autoprefixer: {},
    "postcss-px2rem-exclude": {
        remUnit: 75,  //750的设计稿
        exclude: /node_modules|folder_name/i
    }
}
上一篇 下一篇

猜你喜欢

热点阅读