vite中配置autoprefixer前缀追加以及flexbug修复

• 安装插件

  yarn add  postcss postcss-modules postcss-flexbugs-fixes -D
  

• 方案一，在vite.config.js中配置
  *css.postcss
  类型： string | (postcss.ProcessOptions & { plugins?: postcss.Plugin[] })
  *内联的 PostCSS 配置（格式同 postcss.config.js），或者一个（默认基于项目根目录的）自定义的 PostCSS 配置路径。其路径搜索是通过 postcss-load-config 实现的。
  *注意：如果提供了该内联配置，Vite 将不会搜索其他 PostCSS 配置源。

  export default defineConfig({
  	css:{
  		postcss:{
  			 plugins: [
  			    // 前缀追加
  			    require('autoprefixer')({
  			      overrideBrowserslist: [
  			        'Android 4.1',
  			        'iOS 7.1',
  			        'Chrome > 31',
  			        'ff > 31',
  			        'ie >= 8',
  			        '> 1%',
  			      ],
  			      grid: true,
  			    }),
  			    require('postcss-flexbugs-fixes'),
  			  ],
  		}
  	}
  })
  

• 方案二新建postcss.config.js文件

  	module.export