postcss-loader在vite中配置

在 Vite 中使用 postcss-loader，可以通过在 `vite.config.js` 中配置 `css.preprocessorOptions.postcss` 来实现。

例如，我们想要使用 Autoprefixer 插件自动添加浏览器前缀，可以这样配置：

// vite.config.js

module.exports = {
  css: {
    preprocessorOptions: {
      postcss: {
        plugins: [
          require('autoprefixer')
        ]
      }
    }
  }
}

如果还需要其他的 PostCSS 插件，可以按照以下方式配置：

// vite.config.js

module.exports = {
  css: {
    preprocessorOptions: {
      postcss: {
        plugins: [
          require('postcss-preset-env')({
            autoprefixer: {
              grid: true
            }
          })
        ]
      }
    }
  }
}

在以上示例中，我们使用了 `postcss-preset-env` 插件来实现更高级的 CSS 特性转换，并且将其中的 `autoprefixer` 配置项设置为 `grid: true`，以启用网格布局的自动添加前缀功能。