关于Vue 移动端适配 （px2rem 插件将px转为rem）

一、安装

npm install px2rem-loader  lib-flexible --save



二、入口文件main.js加上

import 'lib-flexible/flexible.js'



三、在index.html加上

 <meta name="viewport" content="width=device-width,initial-scale=1.0">
 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">



四、在build下的 utils.js中加上

const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 37.5
}
}


function generateLoaders (loader, loaderOptions) {
const loaders = [cssLoader, px2remLoader]
if (loader) {
loaders.push({
loader: loader + '-loader',
options: Object.assign({}, loaderOptions, {
sourceMap: options.sourceMap
})
})
}

作者：Vam的金豆之路

主要领域：前端开发

我的微信：maomin9761

微信公众号：前端历劫之路