LESS文件在Meteor中如何工作？

Question

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

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

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

客户/样式表/main.less

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

流星不喜欢这样：

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

Answer 1

用于Meteor的默认的Less编译器将每个扩展名为.less的文件编译为一个CSS文件。具有变量和mixins的部分文件不应编译为单个文件，而应仅导入到您的项目中。

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

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

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