vue移动端h5适配解决方案(lib-flexible+px2rem-loader)

先介绍用到的两个工具： 
px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了 
lib-flexible：根据设备宽度，修改根元素html的font-size，以适配不同终端

配置
安装1：npm i px2rem-loader --save -dev
安装2：npm i lib-flexible --save
配置1：入口文件main.js中引入：import 'lib-flexible/flexible.js'
配置2： 
build/utils.js中：
 

const cssLoader = {
    loader: 'css-loader',
    options: {
      minimize: process.env.NODE_ENV === 'production',
      sourceMap: options.sourceMap
    }
  }

  const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit: 75 //默认换算为1rem为75px，可根据你的原型图修改
    }

  }
--------------------- 
同时，在generateLoaders方法中添加px2remLoader

 

function generateLoaders (loader, loaderOpti