vue+vue-cli+淘宝lib-flexible做移动端自适应

总结用vue+vue-cli+淘宝lib-flexible做移动端自适应方案：

1.安装淘宝lib-flexible

npm install lib-flexible --save

2.在入口文价main.js中引用flexible

import 'lib-flexible'

3.由于在开发中rem和px手动转换比较麻烦，所以建议安装px2rem这个工具

3.1安装px2rem工具

npm install px2rem-loader --save-dev

3.2在vue-cli生成的文件中,找到以下文件 build/utils.js,如下图添加3处配置

重启下服务，就可以使用px作为设计稿（750px）给的单位使用啦，项目打包后px会自动转换为rem。

转载于:https://www.cnblogs.com/vickya/p/8656390.html