@import (once) 仅对路径字符串完全一致的文件去重，不同相对路径、别名或写法均视为新文件而重复解析；真正防重复需统一入口收敛+构建配置优化。
@import (once) 不能防止重复引入——它只对「路径字符串完全一致」的文件生效，不同写法、别名、相对路径都会被当作新文件重新解析。
为什么 @import (once) 经常失效
Less 的 @import (once) 不是模块系统，它只做简单字符串比对。只要两个 @import 语句的路径文本不完全相同，就会重复加载。
-
@import (once) "mixins.less";和@import (once) "./mixins.less";→ 视为两个文件 -
@import (once) "@/styles/mixins.less";和@import (once) "styles/mixins.less";→ 视为两个文件（即使它们指向同一物理路径） - 一个组件里
@import (once) "../core/mixins.less";，另一个里@import (once) "../../core/mixins.less";→ 仍会重复解析
@import (reference) 才是真正“只引用不输出”的方式
当你只想用变量和 .mixin，但不想让目标文件里的 CSS 规则（如 .btn {}）出现在最终 CSS 中，@import (reference) 是唯一可靠选择。
-
@import (reference) "core/variables.less";→ 变量可用，无任何 CSS 输出 -
@import (reference) "core/mixins.less";→.make-flex()可调用，但不会生成.make-flex {}这类空类 - 注意：
@import (reference)不传递嵌套作用域——A 引用 B，B 里用的 A 定义的.mixin依然报错
真正防重复的工程化做法
靠单个修饰符解决不了问题，得靠结构约束 + 构建配置：
立即学习“前端免费学习笔记（深入）”；
- 所有基础文件（
variables.less、mixins.less、functions.less）统一由core/index.less导出，业务层只@import "core/index" - Webpack 的
less-loader配置lessOptions.paths，确保@import "core/xxx"能稳定解析，避免相对路径漂移 - 禁用
@import (once)在非入口文件中使用——它容易给人“已去重”的错觉，反而掩盖了隐式多层导入 - 用
postcss-import替代原生@import，它能在报错时打出完整依赖链，比如A.less → B.less → C.less → A.less
最常被忽略的一点：@import (once) 对变量覆盖毫无保护力。如果两个文件都写了 @primary-color: red;，后导入的那个依然会覆盖前面的——它只管“是否解析”，不管“是否生效”。
