Less @import 重复加载导致CSS体积暴涨，因@import是无状态文本插入，需用@import (once)配合单一入口文件解决，禁用通配符导入，第三方CSS须统一由vendor/reset.less导入。
Less @import 重复加载导致CSS体积暴涨
编译后 CSS 文件明显变大，尤其公共变量或 mixin 被多次展开（比如 @import "variables.less" 出现在 5 个文件里），最终生成的 CSS 里同一组 .btn-reset 规则重复出现 5 次——这不是浏览器缓存问题，是 Less 编译期文本拼接导致的物理重复。
根本原因：Less 的 @import 是无状态的文本插入，不识别“已导入过”，也不会自动去重。哪怕路径完全一致，只要在多个文件中写了，就原样复制粘贴一遍。
- 用
@import (once)显式声明只导入一次：@import (once) "variables.less";、@import (once) "mixins.less"; -
(once)只对**绝对路径或完全相同的相对路径**生效；"./vars.less"和"../shared/vars.less"被视为两个文件 - 所有原子级定义（变量、函数、基础 mixin）必须收口到单个入口文件（如
core/tokens.less），其他文件只导入它，不再各自@import分散副本 - 禁用通配符导入：
@import "components/*.less"不被标准 Less 支持，且会破坏可预测性，构建时可能静默跳过或顺序错乱
为什么 @import (reference) 不能解决重复加载
@import (reference) 的作用是「不输出样式，但加载变量/mixin」，但它**不阻止文件内容被多次读入作用域**。如果 A.less 和 B.less 都写了 @import (reference) "mixins.less"，Less 依然会把 mixins.less 的内容解析两次——只是第二次不生成 CSS 块。变量和 mixin 仍会被重复注册，某些版本甚至触发警告 Variable @color-primary is redefined。
真正安全的做法只有两种：
立即学习“前端免费学习笔记（深入）”；
- 用
@import (once)+ 单一入口文件，确保物理层面只读一次 - 构建阶段启用
strictImports: true（less-loader 或 CLI 参数），让缺失文件立即报错，避免因路径错误导致部分导入失败、其余照常展开而掩盖重复逻辑
Webpack/Vite 中如何验证是否还有重复导入
光看 Less 文件很难发现隐性重复，得从构建产物反推。最直接的方法是检查编译后的 CSS 是否含大量重复选择器块，或用工具提取所有 @import 调用链：
- 临时将项目中所有
@import改为@import (inline)，再编译——若某处报Variable @spacing-xs is undefined，说明该变量本应由某个被重复跳过的文件提供，暴露了依赖断裂点 - 在 Webpack 中替换原生
@import：用postcss-import替代 less-loader 的内置处理，它会在循环或重复时直接报错并打印完整链路，例如A.less → B.less → variables.less → A.less - 检查最终 CSS 文件头部注释（如果开启了
sourceMap或math注释），重复块通常带相同源文件标记，可快速定位源头
第三方 CSS 文件被重复引入怎么办
比如 @import "normalize.css" 在 base.less 和 vendor-overrides.less 里各写了一次，结果 normalize 的规则被塞进最终 CSS 两次。这类问题不能靠 (once) 解决，因为 .css 文件不支持 Less 导入语义。
- 所有第三方 CSS 必须统一由一个文件导入，比如
vendor/reset.less，里面只写@import (inline) "normalize.css"; -
@import (inline)强制内联原始 CSS 内容，不经过 Less 解析，避免语法错误，也防止被多次展开 - 确保这个
reset.less是项目中第一个被@import的文件（如放在index.less最顶部），否则后续样式可能覆盖它 - 服务器需正确返回
.css文件的text/cssMIME 类型；否则 Webpack 的css-loader可能跳过处理，导致@import语句原样输出到浏览器并静默失效
@import 链里，且与 @import (reference) 混用时更难察觉——你以为它没输出，其实变量已在作用域里悄悄冲突。 
