vue2 postcss-px-to-viewport

根据引用和引用的内容，可以将"postcss-px-to-viewport"插件添加到Vue项目中，以将像素（px）转换为视口单位（vw）。在Vue根目录下的".postcssrc.js"文件中，将以下配置添加到"plugins"字段中：

"postcss-px-to-viewport": {
  unitToConvert: "px",
  viewportWidth: 750,
  unitPrecision: 6,
  propList: ["*"],
  viewportUnit: "vw",
  fontViewportUnit: "vw",
  selectorBlackList: ["wrap"],
  minPixelValue: 1,
  mediaQuery: true,
  replace: true,
  exclude: [/node_modules/],
  landscape: false
}

另外，引用提到，"postcss-pxtorem"是一个postcss插件，用于将单位转换为rem。如果你想使用这个插件，可以按照以下步骤进行操作：

1. 执行以下命令来安装"postcss-pxtorem"插件：

yarn add postcss-pxtorem

或者

npm install postcss-pxtorem

2. 然后，在你的Vue项目的配置文件（如vue.config.js）中添加以下配置：

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require("postcss-pxtorem")({
            rootValue: 37.5,
            propList: ['*'],
            selectorBlackList: [],
            replace: true,
            mediaQuery: false,
            minPixelValue: 0
          })
        ]
      }
    }
  }
};

这样，你就可以使用"postcss-pxtorem"插件将像素（px）转换为rem单位了。

总结起来，根据你的需求，你可以选择使用"postcss-px-to-viewport"或者"postcss-pxtorem"插件来实现将像素值转换为视口单位或rem单位。