Vue-cli3配合Mint UI移动端开发rem的计算问题

在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题
我是使用rem来做的，所以需要使用postcss-px2rem进行统一转换
首先需要安装一下postcss-px2rem：
npm install postcss-px2rem --save-dev
然后在vue.config.js文件（vue.config.js文件在vue-cli3中默认是没有的，需要自己手动在根目录下创建）中添加以下代码：

module.exports = {
    css: {
        loaderOptions: {
          css: {},
          postcss: {
            plugins: [
              require('postcss-px2rem')({
                remUnit: 75//根据设计图的大小变化，37.5或者75
              })
            ]
          }
        }
    },
}

如果配合了Mint UI框架使用，直接使用上面的方法，会有问题，因为Mint UI框架已经做了适配了，我们再做一边就多余了，有两种方法：
1、如果设计图是750px的，可以将设计图改成375px，或者自己计算，
2、可以把postcss-px2rem依赖卸掉，安装依赖postcss-px2rem-exclude，并修改配置文件package.json

    "postcss": {
        "plugins": {
          "autoprefixer": {},
          "postcss-px2rem-exclude":{
              "remUnit": 75,
              "exclude":"/node_modules/i"
          }
        }
      }

参考：
https://blog.csdn.net/weixin_39944458/article/details/84633110
https://blog.csdn.net/qq_42354773/article/details/84629147
https://juejin.im/post/5b8ff8b3e51d450e5a73c033