html - 如何组织一个 base less 文件和多个 child less 文件？

Question

Base less 文件很大并且有变量、颜色样式、mixin 等，

无子文件(超过 30 个文件)的样式代码取决于变量和混入的基本无文件。

基本 css 文件包含在 HTML 中。根据用户需要，仅包含一些子 css 文件。

问题是，如果没有在 child less 文件中导入 base less 文件，它就不能在 base 文件中使用变量和 mixins。

但是如果我在子文件中导入基础文件，子文件就会变大。

我能做什么？请帮助我

Answer 1

为了避免在另一个文件中输出 LESS 文件但允许使用变量/mixin，您需要 import the original as a reference

@import (reference) "base";

"base"是base.less文件，扩展名可选。

因此，在您的情况下，有 30 个不同的子 .less 文件，只需导入 base.less 作为每个文件顶部的引用即可。