vue2 postcss-pxtorem插件px转rem

1安装postcss-pxtorem，这里指定的是5.1.1版本

npm i postcss-pxtorem@5.1.1

2项目中在src同路径下创建一个.postcssrc.js 的文件，配置如下，如果需要更多功能可以百度一下 postcss-pxtorem插件的配置，在这里就不多赘述了

module.exports = {
    plugins: {
      autoprefixer: {
        overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8']
      },
      'postcss-pxtorem': {
        rootValue: 37.5,  // 项目根节点font-size设置这里可以根据自己项目做修改   1rem  =   37.5px
        propList: ['*'], // 匹配的属性，*代表全部属性
        exclude: (e) => { // 排除的属性，不匹配的属性，不进行rem转换
          // /src(\\|\/)components(\\|\/)app/正则判断路径中是否包含src/components/app  ，这里可以根据自己项目做修改
          if (/src(\\|\/)components(\\|\/)app/.test(e)) {
            return false;
          }
          return true;
        },
      }
    }
  }

配置完成后重启一下项目就可以进行px转rem了，本人在2024.4.24日项目亲测可用