vue-cli项目中使用rem

Posted on 2019-03-09 17:11  猫头唔食鱼  阅读(2911)  评论(1)  编辑  收藏  举报

 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了。