vue-cli项目中使用rem

 1.使用管理员权限安装两个插件

npm i amfe-flexible

npm i postcss-px2rem

 

2.main.js引入

import 'amfe-flexible'

 

3.package.json 中添加如下代码

  "postcss":{
    "plugins":{
      "autoprefixer":{},
      "postcss-px2rem":{
        "remUnit":75
      }
    }
  },

 

这样，项目中的单位全部的px都会转换成rem了。