使用 dotless 编译引导程序 2.3.2 时未定义的变量答案

【问题标题】：Variables undefined when compiling bootstrap 2.3.2 using dotless使用 dotless 编译引导程序 2.3.2 时未定义的变量
【发布时间】：2015-07-01 21:35:08
【问题描述】：

我正在使用 dotless 编译旧版本的 Boostrap (2.3.2)

我的 main.less 文件看起来像这样

@import "less/variables.less";

.bootstrap {
    @import url("less/bootstrap.less");
    @import url("less/responsive.less");
}

编译的时候报错

.box-sizing 在文件 'mixins.less' 的第 158 行未定义：[157]:
最小高度：@inputHeight； // 使输入至少是它们的高度按钮对应物（基线高度 + 填充 + 边框）[158]：
.box-sizing（边框）； // 使输入表现得像真正的块级元素 --^ [159]: } [完成 - 失败]

但如果我这样做，它会起作用，

@import "less/variables.less";

.bootstrap {
    background-color: @white
}

有什么想法吗？

谢谢

== 编辑 ==

这似乎是 .boostrap 的封闭问题，当只是拥有

@import url("bootstrap.less");
@import url("responsive.less");

在我的 main.less 中一切正常

【问题讨论】：

.bootstrap {} 创建一个新范围，请参阅：lesscss.org/features/#features-overview-feature-scope

标签： less dotless

【解决方案1】：

考虑：

mixin() {
@color: red;
}

p {
color: @color;
}

输出：

NameError: variable @color is undefined

但是：

.mixin() {
@color: red;
}

p {
.mixin();
color: @color;
}

输出：

p {
  color: red;
}

.mixin 调用在p 范围内泄漏@color，另请参阅：http://lesscss.org/features/#mixins-as-functions-feature

【讨论】：

【解决方案2】：

使用 winless (http://winless.org/) 而不是 dotless 解决了这个问题，不需要更改我的 less 定义中的任何内容。

【讨论】：