更少的 CSS 编译顺序答案

【问题标题】：Less CSS Compile order更少的 CSS 编译顺序
【发布时间】：2013-08-14 23:14:47
【问题描述】：

我有多个 LESS 文件，我想使用 WinLess 编译器进行编译。

现在其中一些文件具有在单独的 less 文件中定义的变量/mixin 的依赖关系。

我的问题是我可以一次选择所有这些并使用 WinLess 编译还是必须有一系列编译。

我问这个问题是因为我在编译引用 mixins 的文件时遇到 NameError（例如转换未定义），实际上即使我先编译 var/mixin 文件，我仍然会收到 NameError

【问题讨论】：

标签： css less

【解决方案1】：

您说您在单独的文件中有依赖项。这意味着它们应该是@imported，而不是单独编译。
例如：

@import "variables.less";
@import "mixins.less";

body {
  .my-mixin(@color);
}

这样的代码必须只产生一个文件，因为变量和 mixins 不应该产生任何代码。

【讨论】：