less 不加浏览器前缀，less-plugin-autoprefix 已过时失效，应改用 postcss-loader 紧接 less-loader 后、配合 .browserslistrc 统一管理目标浏览器并清缓存。
Less 本身不加浏览器前缀，也不能靠插件“直出带前缀的 CSS”——你看到没前缀，不是配置漏了，而是 Autoprefixer 根本没跑起来，或者跑在了错误的位置。
为什么 less-plugin-autoprefix 失效且不该用
这个插件最后一次更新是 2016 年，硬编码浏览器数据，完全不认识 @supports、gap、CSS 变量等现代语法；它读不到你的 .browserslistrc，也不响应 Webpack/Vite 的目标环境。你写 .box { display: flex; }，它可能输出已废弃的 -webkit-flex，白加还增大体积。更关键的是：它对 Less 编译后的 CSS 结构不可见（比如嵌套展开、mixin 展开后的真实声明），前缀加错位置或直接缺失。
- 它不是 PostCSS 生态一员，和
postcss-loader冲突，尤其在 Webpack 中容易导致样式丢失 - 参数
browsers: ['ie >= 10']在新版 autoprefixer 中已被拒绝，会报警告并跳过处理 - 现代工程中，所有依赖该插件的配置链路都应替换为标准 PostCSS 流程
Webpack 中 postcss-loader 必须紧接在 less-loader 之后
loader 执行顺序是从右往左，但逻辑链必须是：Less 源码 → 编译成标准 CSS 字符串 → Autoprefixer 处理 → css-loader 解析。如果 postcss-loader 写在 less-loader 左边（即数组里位置靠前），它收到的是未编译的 Less 语法（如 &:hover、@{var}），直接报错或静默跳过。
- ✅ 正确顺序（
use数组）：['style-loader', 'css-loader', 'postcss-loader', 'less-loader'] - ❌ 错误顺序：
['style-loader', 'css-loader', 'less-loader', 'postcss-loader'] - 检查
module.rules是否只给.css配了postcss-loader，却漏掉了.less规则 - 确认
postcss-loader拼写正确（不是postcss-load或post-css-loader）
Less 文件里必须清空所有手动前缀和兼容性 mixin
Autoprefixer 看到任何带厂商前缀的声明（如 display: -webkit-flex 或 transform: -moz-transform），就会认为“你已接管”，整条声明直接跳过——包括本该补的 -ms- 或 -webkit-。
- 删掉所有自定义
.flex()、.transform()类 mixin，比如：.flex() { display: -webkit-box; display: -ms-flexbox; display: flex; } - Less 中只写标准语法：
display: flex、gap: 1rem、place-content: center -
@supports块内不要写带前缀的 fallback；块外的标准声明才由 Autoprefixer 处理 - 避免在
postcss.config.js的plugins里重复写browsers字段（已弃用），否则会警告且失效
必须用 .browserslistrc 统一管理目标浏览器
Autoprefixer 加什么前缀，完全取决于 browserslist 配置。默认规则（如 > 0.5%, not dead）可能漏掉 Safari 12、Android Browser 4.4 或 IE11。运行 npx browserslist 查看当前实际生效列表，确认是否覆盖真实目标。
- 项目根目录建
.browserslistrc，内容示例：last 2 versions<br>>1%<br>iOS 12<br>IE 11
- 避免混用逻辑如
"last 2 versions, not dead"，IE11 可能被包含又被排除 - 改了
.browserslistrc后务必清构建缓存，否则旧配置仍生效 - 确保
postcss-loader能读到该文件——它只在项目根目录或通过postcss.config.js显式配置时才生效
最常被忽略的点：你以为配好了 Autoprefixer，其实它根本没收到 CSS 字符串；你以为写了 display: flex 就够了，其实 mixin 里藏了 -webkit- 让它自动放弃整条规则；你以为 .browserslistrc 改了就生效，但缓存没清、路径不对、或 loader 根本没加载到它——这些细节卡住，前缀就永远出不来。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
