Autoprefixer

概述

Autoprefixer 是一款基于 PostCSS 的 CSS 后处理工具，由 Andrey Sitnik 开发，能根据目标浏览器范围自动为 CSS 属性添加 -webkit-、-moz-、-ms- 等厂商前缀，也会移除不再需要的过时前缀。

工作原理

工具依据 Can I Use 的浏览器支持数据库，结合项目中 browserslist 配置声明的目标浏览器（如 "last 2 versions"、"> 1%"），精确判断每条属性需要哪些前缀，开发者只需书写标准语法： ``css /* 输入 */ user-select: none; /* 输出 */ -webkit-user-select: none; user-select: none; ``

使用方式

通常作为 PostCSS 插件集成到 webpack、Vite 等构建流程中，也内置于许多脚手架与框架的默认配置。

意义

在厂商前缀混乱的年代，手写前缀既繁琐又易过时。Autoprefixer 将「写标准语法、按数据补前缀」变成行业标准实践。随着浏览器逐渐弃用前缀、改用特性开关，前缀需求在减少，但该工具仍是兼容性处理的默认选项。