autoprefixer自动添加css 前缀解决不同的浏览器的兼容问题

1.安装

npm i autoprefixer

2.配置在vite.config.ts中进行配置

import autoprefixer from 'autoprefixer'

添加配置
  css: {
    postcss: { // 关键代码
        plugins: [
    
        autoprefixer({ // 自动添加前缀 的浏览器
            overrideBrowserslist: [
                "Android 4.1",
                "iOS 7.1",
                "Chrome > 31",
                "ie >= 8"
                //'last 2 versions', // 所有主流浏览器最近2个版本
            ],
            grid: true
        })
        ]
    },
  }

要在resolve的下面添加