vue2 pxtorem配置不修改字体大小

Vue2 中使用 px-to-rem 转换插件（例如 `px-repo` 或者 `postcss-pxtorem`）的目的是为了实现响应式设计，将像素单位转换为 rem 单位，方便在不同屏幕尺寸下自适应字体大小。如果你不想自动改变字体大小，可以在配置中设置一些例外规则。

首先，确保你已经在项目中安装了相应的插件，并添加到构建文件（如 `vue.config.js` 或 `postcss.config.js`）中。这里假设你使用的是 `postcss-pxtorem`：

// vue.config.js 或 postcss.config.js
const { createTransformer } = require('postcss-pxtorem');
module.exports = {
  css: {
    loaderOptions: {
      'postcss-loader': {
        options: {
          // 配置选项
          pxtorems: {
            rootValue: 16, // 根元素的 font-size，一般设置为设计稿的根字号
            exclude: ['*font-size'], // 设置不转换的属性，如 "font-size" 字体大小不会被转换
            unitToRem: true, // 是否将所有px转成rem，默认为true
          },
        },
      },
    },
  },
};

在这个例子中，我们设置了 `exclude: ['*font-size']`，这会排除所有的 `font-size` 属性，使其保持原样。这样，虽然其他px单位会被转换为rem，但是字体大小会保持在px值不变。