能加，但前提是css必须实际流经postcss处理链；常见原因包括postcss.config.js未被加载、loader顺序错误（如postcss-loader未置于css-loader之后）、browserslist配置不当或css未进入处理流程。
能加，但前提是 CSS 文件必须实际流经 PostCSS 处理链——绝大多数“没加前缀”问题，根本不是插件配错了，而是 CSS 根本没进 PostCSS。
postcss.config.js 是否真被构建工具读取
很多项目放了 postcss.config.js 却完全不生效，因为构建工具压根没加载它。
- Vite 5+ 默认启用 PostCSS，但如果你在
vite.config.ts中写了css.postcss字段，反而可能覆盖默认行为 - Webpack 完全不认
postcss.config.js，必须手动配置postcss-loader - 实操验证法：在
postcss.config.js里加一行require('xxx-missing-plugin')，启动 dev server —— 不报错就说明该文件根本没被读取
autoprefixer 插件是否在正确位置运行
autoprefixer 必须在 CSS 已生成、尚未压缩时介入，顺序错一个环节就失效。
- Webpack：确保
postcss-loader在css-loader之后、mini-css-extract-plugin之前 - Less/Sass 项目：
postcss-loader必须放在less-loader或sass-loader之后（即从右往左执行时排在靠左位置） - Vite：不能依赖默认行为处理
node_modules/bootstrap/dist/css/bootstrap.min.css，需显式配置css.postcss.plugins或改用本地副本路径
browserslist 配置是否真正生效
autoprefixer 完全按 browserslist 输出前缀，写宽了补一堆无用前缀，写窄了漏关键兼容。
- 不要用
autoprefixer({ overrideBrowserslist: [...] })，优先把配置写进package.json的browserslist字段 - 运行
npx browserslist查看当前配置实际匹配哪些浏览器版本 - 运行
npx autoprefixer --info看哪些属性会被处理（例如place-items在 Safari 14.1 下不会加前缀，因该属性本身无对应厂商实现） - Bootstrap 5+ 已弃用 IE，若你的
browserslist包含ie 11，-ms-flexbox会出现；但若不含，它就不会加
CSS 文件是否真的被 PostCSS 处理
常见误操作是引入了 bootstrap.min.css，却以为它会自动走 PostCSS 流程——其实不会，除非你明确让它进 pipeline。
- Webpack：必须通过
import 'bootstrap/dist/css/bootstrap.min.css'+postcss-loader链路才能处理 - Vite：默认跳过
node_modules/下的 CSS，要生效得用css.postcss.options.include或把 CSS 拷到src/下再 import - Vue CLI：只有
<style lang="postcss"></style>才走 PostCSS；普通<style></style>块需确认 loader 链中是否含postcss-loader - 注意：直接
@import未编译的 CSS（如@import './xxx.css'）若未开启css-loader的importLoaders选项，也不会进 PostCSS
最易被忽略的一点：autoprefixer 只补前缀，不转译语法。写了 gap: 1rem 却没看到 -webkit-gap？正常，caniuse 显示它无需前缀；写了 display: grid 却在 IE11 白屏？不是前缀没加够，是 IE 的 Grid 实现和现代标准根本不同。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
