postcss-px-to-viewport怎么自己写方法来配置vw比例

要自己写方法来配置 `postcss-px-to-viewport` 的 `vw` 比例，可以参考如下步骤：

1. 在项目中安装 `postcss-px-to-viewport`，并在 `postcss.config.js` 文件中进行配置。

2. 创建一个新的文件 `vw.js`，用于存放自定义方法。

3. 在 `vw.js` 中编写一个函数，该函数接受一个参数 `options`，用于设置 `vw` 的比例。函数内部返回一个对象，该对象包含了 `postcss-px-to-viewport` 的配置项。

4. 在 `postcss.config.js` 中引入 `vw.js`，并在配置中调用自定义函数。

下面是一个示例代码：

// vw.js

function createPxToViewport(options) {
  const { viewportWidth = 750 } = options;

  return {
    viewportWidth,
    unitPrecision: 5,
    viewportUnit: 'vw',
    selectorBlackList: [],
    minPixelValue: 1,
    mediaQuery: false
  };
}

module.exports = createPxToViewport;

// postcss.config.js

const createPxToViewport = require('./vw');

module.exports = {
  plugins: [
    require('postcss-import'),
    require('postcss-url'),
    require('postcss-preset-env')({
      stage: 3,
      features: {
        'nesting-rules': true
      }
    }),
    require('autoprefixer'),
    require('postcss-px-to-viewport')(createPxToViewport({ viewportWidth: 375 }))
  ]
};

在这个示例中，我们将 `viewportWidth` 设置为 `375`，这意味着如果我们在设计稿中使用像素 `100px`，它将被转换为 `100 / 3.75 = 26.67vw`。你可以根据自己的需要来调整 `viewportWidth` 的值，以达到更好的效果。