[Vue将px转化为rem适配移动端]

1.vue 使用 lib-flexible

1）项目中安装 lib-flexible

npm install lib-flexible --save
2）在项目的入口 main.js 中引入 lib-flexible

import 'lib-flexible/flexible.js'
2.安装px2rem-loader

npm install px2rem-loader --save-dev
打开vue.config.js,加入下面这行代码

css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-pxtorem')({
            rootValue : 37.5, // 换算的基数
            propList  : ['*'],
          }),
        ]
      },
      less: {
        javascriptEnabled: true,
      }
    }