PC与移动端rem适配实现

项目场景：

继上次分享了一个PC与移动端rem适配实现的方式后，总觉得上次的方法不是很好用，于是又尝试发现了一个更好用的，切换pc端和移动端的适配更加方便了

---

实现步骤

1、首先安装插件：postcss-px2rem和amfe-flexible

npm i postcss-px2rem -S
npm i amfe-flexible -S

在package.json文件中可以看到表示安装成功了哈~

2、需要对postcss-px2rem进行再一次的配置， 创建一个文件 .postcssrc.js（注意：必须和package.json 同级）

module.exports = {
  plugins: {
    autoprefixer: {},
    'postcss-px2rem': {
        remUnit: 192 // PC端（1920的UI图）
      //remUnit: 75 // 移动端（750的UI图）
    }
  }
}

3、最后一步在 main.js 中引入 amfe-flexible（一定要引入哈）

这样做的话如果需要适配PC端，则 .postcssrc.js问价下解开PC端适配，需要适配移动端，则解开移动端的适配即可，更加方便~