meteor - LESS 文件如何在 Meteor 中工作？

Question

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

client/stylesheets/variables.import.less

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

client/stylesheets/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 文件。包含变量和混入的部分文件不应编译为单个文件，而应仅导入到您的项目中。

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

另请参阅:Overide bootstrap base class attributes in less and meteor

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

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