在vue中rem的使用方法

在项目中用到了rem，所以今天简单给大家分享一下rem在vue中的适配！！！

首先，需要在vue项目下安装两个插件，px2rem-loader 和 lib-flexible,如下：

npm install px2rem-loader lib-flexible --save

安装完之后呢，需要在main.js中引入import ‘lib-flexible/flexible.js’

然后，找到 vue 项目中的 build 文件下的utils.js文件，
找到 cssLoaders 这个方法，在这个方法中 写入以下代码

const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 37.5
    }
  }

然后，再找到 generateLoaders 这个方法，配置一下px2remLoader，如下：

到这一步就算配置完了，记得一定要 重启一下 项目 哦