不能——PostCSS本身不提供BEM命名逻辑，真正实现自动补全前缀的是postcss-bem插件，它需显式配置scope（如.card）和separators，默认将.__element转为.card__element，但不校验规范、不支持动态块名、不兼容CSS Modules。
PostCSS 本身不处理 BEM 前缀，真正起作用的是 postcss-bem 插件——它只做字符串拼接，不校验、不生成、不推断上下文，必须手动配 scope 才能生效。
为什么写了 .__element 却没变成 .block__element
不是插件没装，而是写法踩了它的硬性规则边界：
- 没声明顶层
scope：比如直接在文件开头写.__title，前面没出现.block类，插件完全跳过 - 选择器断层：写成
.block { &__title { } }是无效的——postcss-bem不解析 SCSS/Sass 嵌套语法，只处理纯 CSS 文本 -
separators配错：默认只认__和--，若你写._active但配置里modifier: '--'，它就忽略 - 插件顺序错：如果用了
postcss-nested，postcss-bem必须放它之后，否则看到的还是未展开的选择器
postcss-bem 的 scope 怎么配才不翻车
scope 是强制项，不是可选提示——它决定“当前文件所有缩写归属哪个块”，配错等于全失效：
- 值必须是完整类选择器，如
'.card'或'.search-form'，不能只写'card' - 一个 CSS 文件只配一个
scope；多组件共存时，得拆文件或用多个 PostCSS 实例 - 它不支持动态 scope（比如按文件名自动设为
.header），必须手写，Vite/Webpack 里无法靠import路径推导 - 若实际 HTML 中根元素类名是
header-main，但你配了scope: '.header'，那所有.__logo都会拼成.header__logo，和 DOM 对不上
和 postcss-bem-linter 一起用时要注意什么
二者目标不同：postcss-bem 拼前缀，@projectwallace/postcss-bem-linter 校验结构，但共用时容易互相干扰：
立即学习“前端免费学习笔记（深入）”；
-
postcss-bem-linter默认不识别缩写，它只检查最终输出的类名是否符合block__elem--mod结构，所以得确保它运行在postcss-bem之后 - 若你在 CSS 里写了
.card .__title，postcss-bem会转成.card .card__title，但 linter 若没在顶部加/* postcss-bem-linter: define .card */，仍会报 “.card__titlenot under block” - linter 的
ignore配置要显式排除非 BEM 类，否则.js-toggle、.is-open会被当成非法命名误报 - 别指望它们发现语义错误：比如
.button__icon写在.card文件里，只要拼出来是.card__icon，两者都默许
真正难的从来不是拼出 __ 和 --，而是让每个 scope 对应真实组件边界、让每个 __element 不跨块复用、让团队写的时候心里清楚这个 __title 究竟是属于 user-card 还是 product-card——工具只管字符串，人得管语义。
