PC端使用rem进行适配（lib-flexible和postcss-pxtorem）

PC端使用rem进行适配（lib-flexible和postcss-pxtorem）

另一个方法见文章：https://blog.youkuaiyun.com/weixin_45003732/article/details/126519886

1、 创建vue项目
vue create 项目名（我的项目名叫vue01）

2、安装lib-flexible依赖
npm install lib-flexible -S

3、安装 postcss-pxtorem依赖
npm install postcss-pxtorem -D

4、在main.js引入 lib-flexible（注意，安装的是 lib-flexible就引入 lib-flexible）
在vue.config.js中写入：

const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');
 
module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? './' : '',
    productionSourceMap: false,
 
    //postcss-pxtorem
    css: {
        loaderOptions: {
          postcss: {
            plugins: [
              autoprefixer(),
              pxtorem({
                rootValue: 192, //设计稿宽度为1920px的
                propList: ['*']
              })
            ]
          }
        }
      }
}

6、运行项目配置成功