Question

我对LESS文件的工作原理感到困惑。我可以创建一堆它们并且它们只是神奇地包含在内吗？我怎么知道他们被包含在正确的级联顺序中？ .import.less后缀有什么意义？我有这些文件：

的客户机/样式表/ variables.import.less

@headline-font: 'Khula', Helvetica, Arial, sans-serif;

的客户机/样式表/ main.less

h1 {
  font-family: @headline-font;
}

Meteor并不喜欢这样：

While building the application:
client/stylesheets/main.less:14:16: Less compiler error: variable
@headline-font is undefined

Answer 1

Meteor的默认Less编译器将具有.less扩展名的每个文件编译为单个CSS文件。包含变量和mixin的部分文件不应编译到单个文件中，而只能导入到项目中。

.import.less后缀可以防止您的文件被编译成CSS文件，但仍可以导入到其他Less文件中。

在您的情况下，您可能需要main.less文件中的以下代码行：

@import "client/stylesheets/variables.import.less"

Answer 2

您需要在main.less中包含variables.import.less。