使用变量导入LESS CSS文件

Question

我有两个名为core.less和style.less

的LESS CSS文件

core.less位于：\ css \ core.less下，其内容如下：

body {
    background: @bg_color;
    color: @font_color;
}

style.less位于：\ css \ green \ style.less下，其内容如下：

@bg_color: #0F0;
@font_color: #FFF;
@import "../../core.less";

core.less 文件包含LESS格式的所有css规则，但不提供变量的定义。

style.less 定义core.less中引用的所有变量，然后导入core.less文件。

我编译style.less没有问题，因为它从核心文件导入所有规则。 core.less文件无法编译 - 它将生成错误，因为它不包含变量定义。

我现在也要编译 core.css 文件（只是为了确保我的LESS规则中没有错误）。有没有办法在core.less文件中添加某种虚拟/占位符变量，这样它也可以编译而不会产生错误，仍然可以使用我上面解释过的设置？

我愿意接受有关更改文件格式/结构的建议。

Answer 1

将 core.less 导入 style.less ， 编译core.less的“LESS规则”。

Answer 2

也许您不应在core.less之外的core.less中定义所需的变量。我通常使“核心”文件（实际上是任何编程语言）都不依赖于其余的代码。