2011-04-03 105 views
1

我有一个名为core.less和style.less 2个LESS CSS文件导入LESS CSS文件与变量

core.less位于下:\ CSS \ core.less并对其内容的下面:

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

style.less位于下:\ CSS \环保\ style.less并对其内容的下面:

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

core.less文件包含的票据的所有CSS规则,在,但没有提供变量的定义。

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

我没有问题编译style.less,因为它从核心文件中导入所有规则。 core.less文件不能编译 - 它会产生错误,因为它不包含变量定义。

我现在想编译core.css文件(只是为了确保我的LESS规则中没有错误)。是否有任何方法在core.less文件中添加某种虚拟/占位符变量,以便它可以在不产生错误的情况下编译并仍然可以在上面解释的设置中工作?

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

回答

5

通过导入core.lessstyle.less编译core.less的 “LESS规则”。

+1

你100%正确 - 我不相信我以前没有想到过。我只是在core.less中引入了一些错误,并且它立即失败 - 所以我不需要改变任何东西。感谢您花时间回答。 – mozami 2011-04-04 10:00:16

+0

不用担心。花点时间围绕导入和编译你的头:) – Colin 2011-04-12 23:26:57

1

也许你不应该在core.less之外定义变量,需要core.less。我通常会让“核心”文件(真的是任何编程语言)不依赖于其他代码。

+0

我不太清楚我遵循你的建议马特。你是说让变量脱离core.less吗?我有一堆不同的样式文件,都调用core.less,每个样式文件只定义变量,然后导入core.less - 因此,核心必须包含变量,就像我看到的那样。 – mozami 2011-04-03 22:18:43