vue中将px单位转成rem

方法一： px2rem-loader + lbi-felix（这种方法可能会导致第三方UI库样式缩小）：

1.首先安装需要用到的包

npm install px2rem px2rem-loader lib-flexible -S

2.编辑build/utils.js 如图位置增加代码

如果将remUnit设置为100，相对于750的设计稿那么总宽度就是( 750 / 100 ) = 7.5rem这里根据实际设计稿宽度定

3.在main.js中引入包

import 'lib-flexible/flexible'

4.重启项目，此时可以看到px转化后的rem

方法二：postcss-px2rem-exclude

1.安装

npm install postcss-px2rem-exclude -S

2.修改postcssrc.hs文件

module.exports = {
  "plugins": {
    "postcss-px2rem-exclude": {
      remUnit: 100, 
      exclude: /node_modules|folder_name/i // 忽略node_modules目录下的文件
    }
  }
}