postcss在less-loader后未生效的根本原因是执行链断裂：less-loader输出标准css字符串后，postcss-loader必须紧随其后接收，否则会因解析less语法（如&:hover、@{color}）而报错或静默跳过。
PostCSS 在 Less 后没跑起来，不是配置写错了，是 loader 执行顺序断了——less-loader 输出的是标准 CSS 字符串，postcss-loader 必须紧贴它后面接收；否则收到的还是 Less 语法（比如 &:hover、@{color}），直接报 ParseError: Unrecognised input 或静默跳过。
postcss-loader 必须紧跟 less-loader 之后
Webpack 中 module.rules 的 use 数组顺序不能错：
-
less-loader必须在postcss-loader之前，且中间不能插其他 CSS 处理 loader（比如css-loader不能放在它们之间） - 正确顺序示例：
['style-loader', 'css-loader', 'postcss-loader', 'less-loader'] - 如果用了
MiniCssExtractPlugin.loader，它得放最前面，整体仍是：[MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'less-loader'] - 检查是否只给
.css文件配了postcss-loader，却漏掉了.less规则——test必须匹配/\.less$/ -
postcss-loader拼写必须完全准确：不能是postcss-load、post-css-loader或大小写错误
Autoprefixer 不加前缀？先确认它真被调用了
Autoprefixer 不处理带厂商前缀的声明，也不读 browsers 字段，旧配置会彻底失效：
- 删掉所有手动写的前缀，比如
display: -webkit-flex；Less 源码里只写display: flex - 移除 mixins 如
.flex()、.transform()，它们和 Autoprefixer 冲突 - 把项目根目录的
browserslist字段换成overrideBrowserslist，或更推荐：建.browserslistrc文件，内容如：last 2 versions、>1%、IE >= 11 -
postcss-loader的options中必须显式启用插件：postcssOptions: { plugins: ['autoprefixer'] } - 避免多个 Autoprefixer 实例共存——比如
postcss-preset-env已自带一份，就别再手动require('autoprefixer')
Less 源文件含不可见字符导致 ParseError
PostCSS 遇到零宽空格（U+200B）、软连字符（U+00AD）或 UTF-8 BOM，会在词法分析阶段直接报 ParseError: Unrecognised input，不尝试解码：
- VS Code 开启「显示不可见字符」（
editor.renderWhitespace: "all"），重点检查从网页、Word 或聊天工具复制进来的代码 - 路径含中文？比如
@import "../组件/按钮.less"，Less 原生解析会失败；需在less-loader中配paths，或 Vite 中配preprocessorOptions.less.paths，然后改用纯 ASCII 路径导入 -
@import行末加/* 工具类 */注释？旧版 Less（如 3.13.x）会把分号和注释黏连成;/*，当成不完整声明；注释必须独占一行，且前后空行
source map 丢失不是没开，是链路断了
浏览器点不到 .less 文件，问题不在 devtool 设置，而在三个 loader 之间 source map 传递被截断：
-
less-loader必须显式设sourceMap: true（Less 4.0+ 默认关闭，不继承 Webpack 的devtool） -
postcss-loader必须传from参数，例如：from: loaderContext.resourcePath；不传则sources字段为空，DevTools 失效 -
css-loader的options中需同时设sourceMap: true和esModule: false（ESM 模式下 source map 支持不稳定） - 若用
mini-css-extract-plugin，要配publicPath: ''，否则生成的sourceMappingURL是绝对路径，开发服务器无法命中
最容易被忽略的是 postcss-loader 的 from 参数——它不像 less-loader 那样自动推导输入路径，漏掉就等于告诉 PostCSS：“我不知道原始文件在哪”，后续所有 source map 都是空的。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
