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

最新推荐文章于 2024-05-30 15:07:12 发布

扶苏1002

最新推荐文章于 2024-05-30 15:07:12 发布

阅读量212

点赞数 1

分类专栏： CSS实战文章标签：前端 Vue 兼容

本文链接：https://blog.csdn.net/qq_44741577/article/details/136267888

版权

CSS实战专栏收录该内容

12 篇文章 0 订阅

订阅专栏

文章目录

1. 安装
2. 配置在vite.config.ts中进行配置

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
        })
        ]
    },
  }