1

我有 2 个 LESS CSS 文件,分别称为 core.less 和 style.less

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 文件中添加某种虚拟/占位符变量,这样它也可以在不产生错误的情况下编译,并且仍然可以使用我上面解释的设置?

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

4

2 回答 2

6

通过将core.less导入style.less,您正在编译 core.less 的“LESS 规则”。

于 2011-04-04T05:22:20.857 回答
1

也许您不应该core.lesscore.less. 我通常使“核心”文件(实际上是任何编程语言)不依赖于其余代码。

于 2011-04-03T22:14:40.450 回答