postcss-px-to-viewport 在vue.config.js中怎么配置

你可以在vue.config.js文件中配置postcss-px-to-viewport插件来将px单位转换为vw或者vh单位。首先，确保你已经安装了postcss-px-to-viewport插件。

然后，在vue.config.js文件中添加以下代码：

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-px-to-viewport')({
            viewportWidth: 750,  // 视窗的宽度，对应设计稿宽度
            viewportHeight: 1334, // 视窗的高度，对应设计稿高度
            unitPrecision: 3,     // 指定px转换为视窗单位值的小数位数
            viewportUnit: 'vw',   // 指定需要转换成的视窗单位，vw或者vh
            selectorBlackList: ['.ignore', '.hairlines'],  // 指定不需要转换的类
            minPixelValue: 1,     // 小于或等于1px不转换为视窗单位
            mediaQuery: false     // 允许在媒体查询中转换px
          })
        ]
      }
    }
  }
};

在以上代码中，你可以根据你的设计稿的宽度和高度来设置`viewportWidth`和`viewportHeight`的值。你还可以根据需要调整其他配置项，如`unitPrecision`、`viewportUnit`等。

配置完成后，重新运行你的Vue项目，postcss-px-to-viewport插件会自动将样式文件中的px单位转换为vw或者vh单位。