正文

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

IP云
IP云V管理员/4 阅读
08/04
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

总结用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。