适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应
1.安装lib-flexible.js
npm install lib-flexible --save
2.在项目入口文件main.js中引入lib-flexible
import 'lib-flexible'
3.px转换rem
使用 webpack 的 px2rem-loader,自动将px转换为rem 安装px2rem-loader
npm install px2rem-loader --save-dev
4.配置px2rem-loader
首先找到 build/utils.js文件,在utils.js中添加如下配置
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit:75
}
}