postcss-px-to-viewport怎么实现全局调整字体大小

要在整个项目中使用postcss-px-to-viewport调整字体大小，可以在webpack配置中添加postcss.config.js文件，并在其中添加postcss-px-to-viewport插件的配置。

下面是一个示例的postcss.config.js文件，其中设置了viewportWidth为375，即设计稿宽度为375px，同时将所有的字体大小都转换为相应的vw值：

module.exports = {
  plugins: {
    'postcss-import': {},
    'postcss-url': {},
    'autoprefixer': {},
    'postcss-px-to-viewport': {
      viewportWidth: 375,
      selectorBlackList: [],
      minPixelValue: 1,
      unitToConvert: 'px',
      viewportUnit: 'vw',
      fontViewportUnit: 'vw',
      mediaQuery: false,
      replace: true,
      exclude: /(\/|\\)(node_modules)(\/|\\)/,
      landscape: false,
      landscapeUnit: 'vw',
      landscapeWidth: 568
    }
  }
}

通过以上配置，我们可以将所有的字体大小转换为vw单位，以适应不同屏幕尺寸的设备。同时，我们还可以通过selectorBlackList属性来排除一些不需要转换的选择器，例如以下样式将不会被转换：

.selector {
  font-size: 12px; /* 不会被转换 */
}