0
点赞
收藏
分享

微信扫一扫

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

我是小瘦子哟 2022-03-12 阅读 118
csshtmlscala


一、安装

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
})
})
}



举报

相关推荐

0 条评论