autoprefixer 默认按 browserslist 配置自动增删前缀，关键在正确配置：删 package.json 中过时浏览器条目（如 "ie 11"），用 ["> 0.5%", "last 2 versions", "not dead"]，改后需重启开发服务器。
现代构建工具默认已移除过时前缀，不需要你手动删——但前提是配置正确，否则反而会保留早已废弃的 -ms-、-o- 或 -webkit- 旧规则。
Autoprefixer 不是“加前缀”，而是“按需加、按需删”
很多人误以为 Autoprefixer 只负责补全前缀，其实它同时承担清理任务：当某个属性在目标浏览器中已原生支持（如 display: flex 在 Chrome 80+ 不再需要 -webkit-box），Autoprefixer 就不会插入，也不会保留旧前缀。关键在于它的行为完全由 browserslist 驱动。
-
browserslist字段写"last 2 versions"，但当前 Chrome 已发布到 130 版，那 IE11、旧版 Opera 就不会被纳入范围，对应前缀自然不生成也不保留 - 若项目里还残留
package.json中过宽的配置（如"ie >= 10"），Autoprefixer 仍会输出-ms-flexbox等已淘汰的规则 - 运行
npx autoprefixer --info能直接看到当前配置实际覆盖哪些浏览器版本，比猜更可靠
Vue CLI / Create React App 用户：改 browserslist 就够了
这些脚手架已内置 Autoprefixer，不装插件、不配 postcss.config.js 也能生效。但很多人忘了改源头——browserslist 字段在 package.json 里，不是在别的配置文件中。
小红书长文-谷歌浏览器
下载
在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。
- 打开
package.json，找到"browserslist"数组，删掉类似"ie 11"、"opera 12"这类已无实际用户量的条目 - 推荐写法：
["> 0.5%", "last 2 versions", "not dead"]——not dead会自动排除 EOL（End-of-Life）浏览器，比如 IE、旧版 Opera Mini - 改完后必须重启开发服务器（
npm run serve或npm start），否则缓存的 CSS 输出不会更新
Webpack / Vite 自定义配置：别让 overrideBrowserslist 覆盖全局
如果你在 postcss.config.js 里写了 overrideBrowserslist，它会强制覆盖 browserslist 字段，导致本该剔除的前缀又被拉回来。
- 优先删掉
overrideBrowserslist，改用标准的browserslist字段统一管理，避免多处维护 - Vite 用户注意：它只读
browserslist，完全忽略postcss.config.js里的overrideBrowserslist - Webpack 用户若用了
postcss-loader，检查 loader 配置是否重复传入browserslist，造成冲突
最容易被忽略的一点：Autoprefixer 的“剔除”动作只发生在构建流程中。你在本地 index.html 里直接 <link rel="stylesheet"> 引入的未编译 CSS 文件，永远不会被处理——哪怕它写着 display: -ms-flexbox，也会原样跑到生产环境里。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
