推荐项目：PostCSS PX to Viewport 8 Plugin

PostCSS PX to Viewport 8 Plugin 是一款用于将 CSS 中的 px 单位转换成 vw 单位的 PostCSS 插件。以下是如何使用这个插件的示例：

首先，安装 PostCSS 和 PostCSS PX to Viewport 8 Plugin：

npm install postcss postcss-px-to-viewport --save-dev

然后，在你的 postcss.config.js 文件中配置插件：

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      unitToConvert: 'px', // 要转换的单位
      viewportWidth: 750, // 设计稿宽度
      unitPrecision: 5, // 单位转换后保留的精度
      propList: ['*'], // 指定转换那些属性，* 表示全部
      viewportUnit: 'vw', // 希望使用的视口单位
      fontViewportUnit: 'vw', // 字体使用的视口单位
      selectorBlackList: [], // 不希望转换的选择器
      minPixelValue: 1, // 最小的转换数值
      mediaQuery: false, // 是否在媒体查询中也转换px
      replace: true, // 是否直接更换原来的单位
      exclude: /(\/|\\)(node_modules)(\/|\\)/, // 忽略某些文件
    }
  }
}

最后，在你的 CSS 文件中使用 px 单位，插件会自动转换为 vw 单位：

/* 输入 */
div {
  width: 375px;
  height: 200px;
}
 
/* 输出 */
div {
  width: 50vw;
  height: 23.4375vw;
}

这个插件可以帮助你自动处理视口单位的转换，使得你的样式在不同尺寸的设备上都能保持良好的表现。