给一个demo示例，vue3+vite小程序项目中使用postcss-pxtorpx-pro，设计稿宽度为375

好的，你可以按照以下步骤在Vue3 + Vite小程序项目中使用postcss-pxtorpx-pro：

1. 首先，确保你已经创建了一个Vue3 + Vite小程序项目，并且可以正常运行。

2. 安装postcss-pxtorpx-pro插件和相关依赖：

npm install postcss-pxtorpx-pro postcss postcss-loader --save-dev

3. 在你的项目根目录下创建一个postcss.config.js文件，并添加以下配置：

module.exports = {
  plugins: [
    require('postcss-pxtorpx-pro')({
      designWidth: 375,
    }),
  ],
};

4. 修改你的vite配置文件（一般是vite.config.js），添加postcss-loader配置：

const { defineConfig } = require('vite');
const vue = require('@vitejs/plugin-vue');

module.exports = defineConfig({
  plugins: [vue()],
  css: {
    postcss: {
      plugins: [require('postcss-pxtorpx-pro')],
    },
  },
});

5. 重启项目，现在你的Vue组件中的样式中的px单位将会被自动转换为rpx单位。

注意：这里的designWidth是根据设计稿的宽度来设置的。

希望这个示例能帮助到你！如果有任何问题，请随时提问。