vue移动端转rem,px2rem-loader使用方法

可以自动转rem

1、下载lib-flexible

npm i lib-flexible --save

2、main.js中添加

import 'lib-flexible/flexible'

3、安装px2rem-loader

"px2rem-loader": "^0.1.9",
npm install px2rem-loader --save

在build文件下的utils.js文件中配置

vue移动端转rem,px2rem-loader使用方法_第1张图片


  const px2remLoader = {
    loader: 'px2rem-loader',
    options: {
      remUnit:37.5, // 设计稿的1/10
      // remPrecision: 8
    }
  }
 

在index.html中写入

之后,直接写px就可以了,浏览器自动转成rem格式

你可能感兴趣的:(Vue)