vue-@vue/cli3.0 使用 postcss-pxtorem

postcss-pxtorem是PostCSS的插件
作用： 将像素单元生成rem单位。

（1）安装依赖

npm install postcss-pxtorem --save-dev

（2）配置（vue.config.js）

  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-pxtorem')({
            rootValue: 50, 
            propList: ['*'],
          }),
        ]
      }
    }
  }
  // rootValue: 换算的基数，例如：设置div高度 100px =》 1rem
  // 忽略转换正则匹配项。插件会转化所有的样式的px。比如引入了三方UI，也会被转化。
  // 目前我使用selectorBlackList字段，来过滤
  // 如果个别地方不想转化px。可以简单的使用大写的 PX 或 Px 。
  // selectorBlackList  : ['weui','mu'],

（3）引入rem.js

// main.js 中引入rem.js

import '@/rem';

// rem.js 具体代码
!function (e, t) {
  function i() {
    o = 1, e.devicePixelRatioValue = o, s = 1 / o;
    var t =