vue h5页面flexible使用

这是手机淘宝的移动端屏幕适配的解决方案

1、vue-cli安装flexible

npm i li-flexible --save-dev

2、main.js引用 

import 'lib-flexible'

3、安装px2rem-loader

npm i px2rem-loader --save-dev

4、修改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
    }

  }

最后一定注意：找到

只在第一个数组里加px2remLoader！！！

不然启动会报错！！！