vue-cli项目中使用rem

2021年09月15日 阅读数:1
这篇文章主要向大家介绍vue-cli项目中使用rem,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

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

npm i amfe-flexible
npm i postcss-px2rem

 

2.main.js引入npm

import 'amfe-flexible'

 

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

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

 

这样,项目中的单位所有的px都会转换成rem了。post