vue2中移动端快速适配（rem）

**

vue2中移动端快速适配（rem）

**

在做移动端适配的时候走了不少弯路，查了很多资料，测试了很多次。基于vue2的cli得到以下总结。

一、适配的求知路

在三个小时之前，我对移动端适配一无所知。从最开始的媒体查询，再到后边的meta视口标签，再到后来的插件使用，整的差点崩溃。

二、适配的实现（基于vue2）

1、vue init webpack vuedemo
创建一个vue2项目。
2、npm install lib-flexible --save
安装flexible插件。
3、npm install px2rem-loader" --save
安装px2rem-loader
4、在main.js中import 'lib-flexible/flexible.js'
全局引入flexibel，记住这个路径，等会在里面会修改一些东西。
4、在build文件夹下的utils.js文件中找到generateLoaders(loader, loaderOptions)函数。做如下修改：
4.1 在generateLoaders函数之前新建一个loader：

这里的remUnit就是1rem的值，一般是设计图宽度的十分之一。如果U