我用的是vant，你说的这种方式没有效果

如果你使用的是 Vant UI 库的话，那么 `postcss-pxtorem` 插件的默认配置可能会被 Vant 中的样式覆盖掉，导致插件无法正常工作。

解决这个问题的方法也很简单，只需要修改 `postcss-pxtorem` 插件的配置，将 `propList` 中的 `font-size` 属性移除掉，同时添加 Vant 中使用到的其他 CSS 属性即可。具体操作步骤如下：

1. 安装 `postcss-pxtorem` 插件：

   npm install postcss-pxtorem --save-dev

2. 在项目根目录下新建 `postcss.config.js` 文件，添加如下代码：

   module.exports = {
     plugins: {
       'postcss-pxtorem': {
         rootValue: 16, // 设计稿宽度的1/16，例如设计稿宽度是750px，这里就是750/16=46.875
         propList: ['*'],
         exclude: /node_modules|folder_name/i // 排除第三方库和某个文件夹下的文件
       }
     }
   }

这里的 `propList: ['*']` 表示将所有 CSS 属性都转换为 rem 单位。

`exclude` 选项用于排除不需要转换的文件，比如第三方库和某个文件夹下的文件。

3. 在 `vue.config.js` 中配置 `css.loaderOptions.postcss` 选项，将 `postcss.config.js` 中的配置引入进来：

   module.exports = {
     css: {
       loaderOptions: {
         postcss: {
           plugins: [
             require('postcss-pxtorem')({
               rootValue: 16, // 设计稿宽度的1/16，例如设计稿宽度是750px，这里就是750/16=46.875
               propList: ['*'],
               exclude: /node_modules|folder_name/i // 排除第三方库和某个文件夹下的文件
             })
           ]
         }
       }
     }
   };

这里的配置将 `postcss-pxtorem` 插件引入到 Vue 项目中，并使用了 `postcss.config.js` 中的配置。

这样，就可以让 `postcss-pxtorem` 插件在 Vant 中正常工作了。