版本一致性需构建时变量注入、文件结构约束和压缩工具配合，硬编码或仅改git tag会破坏链条；webpack用lessoptions.modifyvars动态注入，ci用环境变量或git describe生成，本地fallback时间戳；lessc用--modify-var；@import version.less易静默失效；css注释可能被压缩工具删除，需配置preservecomments；guard表达式不能替代多版本打包。
版本一致性不是靠 Less 自身能力维持的，而是靠构建时变量注入 + 文件结构约束 + 压缩工具配合三者共同保障。硬编码 @version 或只改 Git tag 都会断掉这个链条。
如何用 modifyVars 动态注入版本号（Webpack / lessc）
Less 本身不读环境变量，必须由构建工具传入。Webpack 中应通过 lessOptions.modifyVars 注入，而不是在 webpack.config.js 里写死字符串。
- CI 环境下必须用
process.env.CI_BUILD_NUMBER或git describe --tags --always动态生成值，本地开发 fallback 到"dev-" + Date.now() -
modifyVars只接受字符串，Number或Boolean类型需先String()转换，否则编译静默失败 - 命令行使用
lessc时，优先选--modify-var="version=1.2.3"，比临时文件更可靠——避免路径错误或缓存残留
为什么 @import "version.less" 容易失效
看似合理，实则脆弱：Less 对 @import 错误完全静默，路径不对、文件不存在、语法错误都不会报错，只会跳过该行。
- 若
version.less放在src/下但less-loader未配置paths，导入失败且无提示 - 内容为
@version: "1.2.3";是安全的；但若写成@version: "v" + @major + "." + @minor;，Less 直接报Operation on an invalid type - 变量仅用于注释（如
/* v<code>@version*/）时，旧版lessc@3.x可能优化掉“未被属性引用”的变量，导致注释为空
CSS 输出里看不到版本注释？先查这三处
不是 Less 没生效，而是中间环节把它删了或没触发。
-
css-minimizer-webpack-plugin默认删除所有注释，需显式配置：preserveComments: /v\d+\.\d+\.\d+/ - 检查是否用了
clean-css，它默认开启removeComments，得设{ level: { 1: { specialComments: false } } } - 确认
@version真正参与了输出：哪怕只是加一条隐藏规则.css-version { content: "<code>@version"; display: none; }，也能防止变量被优化掉
Guard 表达式不能替代版本管理
有人想用 .theme(@v) when (@v = "1.2.0") 控制样式分支，这是误解。Guard 是编译期静态匹配，不是多版本打包机制。
- 它不会生成多个 CSS 文件，也不会根据 Git tag 自动切换；要产出
v1.2.0.css和v1.3.0.css，必须调用两次编译，每次传不同modifyVars - Guard 分支顺序敏感，漏写兜底（如
when not (@v = "1.2.0"), not (@v = "1.3.0")），非匹配值会导致整个 mixin 无输出 - 版本号本质是构建上下文标记，不是样式逻辑开关——别把它塞进
@media或when条件里做运行时判断
最易被忽略的是：变量注入后，必须确保它真实出现在最终 CSS 的可读位置（注释或隐藏规则），且不被后续工具链抹除。很多人卡在压缩环节，却回头去调 Less 语法，方向就错了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
