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

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
    }
}