rem配置

淘宝的适配方案

 

1.安装依赖包 

     npm i  lib-flexible -S

     npm i  postcss-px2rem  -S

 

2.在main.js文件中引入

     import   'lib-flexibe'

 

3.在vue.config.js文件中配置css属性

pluginOptions:{

    css: {

      loaderOptions: {

        css:{},

        postcss: {

          plugins: [

            require('postcss-plugin-px2rem')({

                 remUnit:37.5

            }),

          ]

        }

      }

    }

  }