Less无法在编译时用正则重命名类名，因其选择器为静态字符串；可行方案是编译后用PostCSS正则处理，或用@prefix变量+插值在源头统一生成带前缀的类名。
Less变量插值不能直接用于类名前缀重命名
Less的@variable在选择器中无法原样插值为类名前缀——写成.@{prefix}-btn确实能编译，但这是“动态生成类名”，不是“重命名已有类名”。批量重命名是编辑时行为，不是编译时行为，Less本身不提供查找替换逻辑。
真正要做的，其实是两件事：一是用变量统一管理前缀，让所有类名从源头就带变量；二是借助外部工具完成历史代码的批量替换。
用@prefix变量 + 插值定义新类名（推荐写法）
这是Less支持且稳定的模式：把前缀声明为变量，在每个类选择器里显式插值。它不修改原有类名，而是约束新类的产出方式。
-
@prefix: "u"定义基础前缀，避免硬编码 - 类名必须全部写成
.@{prefix}-button、.@{prefix}-input形式，不能漏掉@{} - 嵌套规则里也要保持插值，比如
&__icon { ... }要写成.@{prefix}-button__icon，否则无法继承前缀 - 注意：插值只在选择器顶层生效，
.foo .@{prefix}-bar可以，但.foo@{prefix}会报错 —— Less不支持标识符拼接
.@{prefix}-button {
padding: 8px;
&__text { font-size: 14px; }
&--primary { background: #007bff; }
}
批量修改旧CSS类名前缀只能靠编辑器或脚本
如果你已有大量.old-btn、.old-modal等类名，想统一改成.new-btn、.new-modal，Less无能为力。必须离开编译器，进入文本层操作。
- VS Code：用正则查找
\.old-([a-z0-9-]+)，替换为.new-$1，勾选“正则”和“全文件” - 命令行（macOS/Linux）：
find src/ -name "*.less" -exec sed -i '' 's/\.old-\([a-z0-9-]\+\)/\.new-\1/g' {} \; - 切记先提交当前代码，再执行全局替换 —— 错误正则可能把
.old-button-group误伤成.new-button-group，漏掉中间的-边界 - 替换后务必跑一遍
lessc并检查浏览器控制台，确认没出现Failed to resolve variable @prefix这类错误（说明某处漏写了@{}）
为什么不用replace()函数或~""做运行时前缀切换
Less的replace()只作用于字符串值（如color、url()），不能生成选择器；~".@{prefix}-x"是无效语法，会直接编译失败。
- 试图用
~".@{prefix}-btn"会被当作非法选择器，Less报错：Unrecognised input - 想通过mixin传参动态生成类？可以，但本质还是静态展开：
.make-btn(@p) { .@{p}-btn { ... } }，调用.make-btn("u")才产出.u-btn，仍需人工改调用点 - 真正需要运行时切换前缀（比如主题包加载时），应该交给JS/CSS Custom Properties，而不是在Less里绕弯
变量插值是约定写法，不是重构工具。批量重命名这件事，得靠你手里的编辑器搜索框，或者一行靠谱的sed命令 —— Less只管编译，不管改名。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
