postcss-loader没生效导致Less中display: flex未加前缀，根本原因是构建链断裂：postcss-loader未正确置于less-loader之后、css-loader之前；常见错误包括漏配/\.less$/规则、use顺序写反（Webpack从右往左执行）、拼写错误（如postcss-load）、postcssOptions层级缺失，或手动前缀干扰Autoprefixer识别。
postcss-loader没生效，Less里写的display: flex没加前缀
这几乎一定是构建链断裂导致的——postcss-loader根本没跑在 Less 编译后的 CSS 上。Autoprefixer 只认标准 CSS，对 Less 源码完全无感。
常见错因：
-
postcss-loader被漏配在/\.css$/规则里，但没覆盖/\.less$/ -
use数组顺序写反了，比如把postcss-loader放在less-loader左侧（Webpack 中use从右往左执行） - 拼写错误：
postcss-load、post-css-loader等无效 loader 名，Webpack 不报错但静默跳过 -
postcssOptions层级写错，比如直接写plugins: ['autoprefixer']而没包在postcssOptions对象里
验证方式：临时删掉 display: flex，改写成 display: -webkit-flex；如果手动加的前缀能生效，说明 Autoprefixer 确实没介入。
构建时报错“Inline JavaScript is not enabled”
这个错误常出现在处理 antd 或其他含内联 JS 的 Less 文件时，但真正触发点往往是 postcss-loader 错误地接收到未编译的 Less 内容——也就是说，less-loader 根本没执行，或者执行顺序被破坏。
立即学习“前端免费学习笔记（深入）”；
关键检查点：
- 确认
less-loader配置中启用了javascriptEnabled: true（尤其 antd 场景下必须） - 检查 Webpack rule 的
test是否同时匹配.css和.less，且less-loader被排在postcss-loader后面 —— 如果less-loader没命中.css文件，而postcss-loader又先拿到了 .css，就可能把原本该由 less-loader 处理的 antd/index.css 当作纯 CSS 去喂给 PostCSS - 别在
postcss.config.js里 requireless相关插件，PostCSS 不解析 Less
Less 循环引用导致构建卡死或内存溢出
Less 的 @import 是文本拼接，不是模块加载。循环引用不会报语法错误，而是让 Node 进程卡住或直接抛 FATAL ERROR: Allocation failed - JavaScript heap out of memory。
快速定位方法：
- 临时删掉所有
@import (reference)和@import (inline)，只留普通@import—— 循环会立刻暴露为Variable @xxx is undefined或Cannot access property - 用
postcss-import替换原生@import，它会在报错时打印完整依赖链，比如A.less → B.less → C.less → A.less - 新建一个原子级
tokens.less作为唯一根文件，禁止它再@import其他任何 Less 文件
注意：@import (reference) 只是不输出样式，不解决循环依赖本身，它照样参与文本拼接。
composes 语法报 ParseError: Unexpected token 'composes'
composes 是 CSS Modules 的语法，Less 解析器根本不认识。只要你在 .less 文件里写了 composes，就会直接崩在 less-loader 阶段，和 PostCSS 完全无关。
如果你真需要组合类名：
- 放弃在 Less 里写
composes，改用.module.less并配好 CSS Modules 支持（需 loader 显式启用modules: true） - 用 Less 的
.class1 { &:extend(.class2); }模拟继承行为（注意 extend 是编译时合并，不是运行时组合） - 用命名空间 + 嵌套模拟作用域，比如
.MyComponent { .button { } }，再配合构建时自动加 data 属性前缀
最容易被忽略的一点：很多团队以为 “配了 less-loader + css-loader?modules” 就等于支持 composes，其实 css-loader 的 modules 模式只对 .module.css 生效，对 .less 文件默认无视 composes 关键字。
