Question

我使用dotless编译旧版本的Boostrap（2.3.2）

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

@import "less/variables.less";

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

编译时我得到错误

.box-sizing在文件＆＃39; mixins.less＆＃39;：[157]的第158行未定义：
  min-height：@inputHeight; //至少输入他们的高度   按钮对应（基线高度+填充+边框）[158]：
  .box的上浆（边界盒）; //使输入表现得像真正的块级   分子           - ^ [159]：} [完成 - 失败]

但如果我这样做就行了，

@import "less/variables.less";

.bootstrap {
    background-color: @white
}

任何想法都错了？

由于

==编辑==

只是简单地拥有

，这似乎是.boostrap的封闭

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

在我的主人身上，一切正常

Answer 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

Answer 2

使用winless（http://winless.org/）而不是无点来解决这个问题，不需要在我较少的定义中更改任何内容。

使用无点编译bootstrap 2.3.2时变量未定义

2 个答案: