本文主要包含VUE 移动端适配:VUE-CLI 3 添加 flexible 及 px2rem等相关知识,hg3329749希望在学习及工作中可以帮助到您
在初始化项目时,添加postcss 支持。
1、安装 flexible
npm i -D flexible
2、在main.js中引入 flexible
import 'lib-flexible/flexible'
3、安装px2rem
npm i -D postcss-px2rem
4、在postcss.config.js中添加 px2rem 配置
plugins: {
autoprefixer: {},
'postcss-px2rem': {remUnit: 100}
}
配置完后,打包的代码中px转化为rem,同时通过flexible适配移动端。