解决：vite->postcss->autoprefixer配置 警告：Replace Autoprefixer browsers option to Browserslist config. Use browserslist

使用postcss 配置 autoprefixer。当打包时，会提示警告：Replace Autoprefixer browsers option to Browserslist config. Use browserslis

3种方式：

方法1：posscss.config.js 文件

module.exports = {
    plugins: {
      // 兼容浏览器，添加前缀
      'autoprefixer':{
          overrideBrowserslist: [
            "Android 4.1",
            "iOS 7.1",
            "Chrome > 31",
            "ff > 31",
            "ie >= 8"
            //'last 10 versions', // 所有主流浏览器最近10版本用
        ],
        grid: true
      }
    }
}

也可以这么写：

方法2：posscss.config.js 文件

module.exports = {
    plugins: [
      // 兼容浏览器，添加前缀
      require('autoprefixer')({
        overrideBrowserslist: [
          "Android 4.1",
          "iOS 7.1",
          "Chrome > 31",
          "ff > 31",
          "ie >= 8"
          //'last 10 versions', // 所有主流浏览器最近10版本用
      ],grid: true})
    ]
  }

方法3：package.json 文件 加：

"browserslist": [
    "defaults",
    "not ie < 11",
    "last 2 versions",
    "> 1%",
    "iOS 7",
    "last 3 iOS versions"
  ]

posscss.config.js 文件

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

方法3就是把配置信息放到了package.json里

方法4：根目录新建.browserslistrc 文件，将配置内容贴到文件中

"Android 4.1",
"iOS 7.1",
"Chrome > 31",
"ff > 31",
"ie >= 8"
//'last 10 versions', // 所有主流浏览器最近10版本用

-------------------------------------------------------------------