less/sass变量批量重命名需手动限定作用域，因sublime无法区分变量声明、引用或字符串/注释中的$符号；应分三步：全词匹配人工确认、正则替换声明行、正则替换引用行，并注意跨文件更新时避开js/html中的伪引用。
Less/Sass 变量名批量重命名必须手动限定作用域
Sublime 不理解 @variable 是 Less 变量还是 Sass $variable，更无法区分它是被引用、被定义，还是出现在字符串或注释里。直接全局搜 $color 替成 $primaryColor，大概率会把 // $color is deprecated 或 content: "$color" 也改掉。
安全做法是分三步走：
- 先用
Ctrl+F搜$color，勾选Match Whole Word和Match Case，人工扫一遍上下文，确认所有匹配都出现在变量声明（$color:）或引用（background: $color;）位置 - 若只改声明行，正则搜：
^(\s*)\$color\s*:，替换为：$1$primaryColor:（$1复用原缩进） - 若只改引用行，正则搜：
([^$]|^)\$color(?=[;\s})])，替换为：$1$primaryColor（避免匹配到$colorful这类子串）
批量提取或替换所有变量定义（含值）
想把所有 $spacing-xs: 4px; 提取出来做文档，或统一把单位从 px 换成 rem，得靠捕获组精准抓结构。
匹配任意变量定义（支持空格、注释、多行值）：
(?s)^\s*\$(\w+)\s*:\s*([^;]+?)(?=\s*;|\s*$)
说明：
-
(?s)启用 dotall 模式，让.能跨行匹配 -
\$(\w+)捕获变量名（不含$符号） -
([^;]+?)非贪婪捕获值，停在第一个分号前 - 替换时用
$1 → $2或$1: $2 / 16rem;等格式复用
注意：Sass 中带函数的值（如 $font-size: calc(1rem + 0.25em);）会被截断，需单独处理。
跨文件批量更新变量引用，但避开 CSS 类名和 JS 字符串
Less/Sass 文件常被 JS 或 HTML 引用，比如 className={styles.$color} 或 div[data-theme="$color"]。这些地方不能动，否则破坏运行时逻辑。
推荐策略是「白名单路径」+「语法上下文过滤」：
- 用
Find in Files（Ctrl+Shift+F），路径填**/*.less,**/*.scss，排除node_modules和dist - 查找内容写：
(? —— 前瞻后顾确保变量前后不是引号或字母数字 - 替换前务必点
Find All，检查是否误命中url("$color.png")或content: "$color"
遇到 @import "variables" 或 @use "theme" as t 这类导入语句，别碰——它们不参与变量值替换，硬改会导致编译失败。
替换后编译报错？重点查这三处
变量批量改完，sass --watch 报错，90% 出在这几个细节：
- 拼写错误：
$primayColor少了个r，Sass 不会提示“你是不是想写$primaryColor”，而是直接Undefined variable - 作用域泄漏：在嵌套规则里用了全局变量名（如
.btn { $color: red; color: $color; }），替换后变成$primaryColor，但该变量未在局部声明，编译失败 - 注释干扰：原变量行末有注释
$color: #333; // primary，正则没处理分号后内容，替换后变成$primaryColor: #333; // primary—— 看似正常，但某些旧版 Less 解析器会因注释位置异常报错
真正省时间的做法不是追求一次全替，而是每次只改一个变量，保存后立刻看编译输出。编译器报错行号比任何正则都准。
