无点无法编译; 在Bootstrap 3少来源

Question

我使用无点1.3.1.0编译较少的文件.这与bootstrap 2.x工作正常,但在切换到bootstrap 3.0.0(从这里下载源代码:http://getbootstrap.com/getting-started/)后,我突然收到此错误:

预期')'但在文件'mixins.less'第47行找到'':[46]://调整快捷方式[47]:.size(@width; @height){--------- --- ^ [48]:宽度:@width;

似乎有一个; 因为参数之间的分隔符无效.mixins.less中的原始源代码如下:

...
// Sizing shortcuts
.size(@width; @height) {
  width: @width;
  height: @height;
}
...

我是否必须使用更新的更少的编译器？或者引导发布的bug少了源？

更新1:我可以看到,无点的拉取请求存在,解决了问题;

https://github.com/dotless/dotless/pulls "修复; mixin参数列表不支持#319#320"

我将继续使用css文件,直到无线点修复.

Answer 1

如果你看看bootstrap的入门页面,你会发现他们说:

编译较少

如果下载原始文件,则需要将Bootstrap的LESS文件编译为可用的CSS.要做到这一点,Bootstrap只正式支持Recess,Twitter的CSS hinter建立在less.js之上.

虽然没有使用无点,但我遵循了你使用lessc做的类似路径,然后发现使用凹陷解决了我的问题.也许使用休息也是你的选择吗？

作为一个例子,我有一个名为tmpfl.less的文件,其中包含以下内容:

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


.wrapper {
  .make-row();
}
.content-main {
  .make-lg-column(8);
}
.content-secondary {
  .make-lg-column(3);
  .make-lg-column-offset(1);
}

如果我对它运行lessc,我会得到以下结果:

lessc tmpfl.less 
NameError: .size is undefined in mixins.less:47:0
46 // Sizing shortcuts
47 .size(@width; @height) {
48   width: @width;

现在,我成功地使用了以下隐藏:

recess --compile tmpfl.less > tmpfl.css

更新:

为了在.Net环境中使用Recess,特别是在Visual Studio中,可以按照这些说明进行安装的详细信息.这些说明提供了概述,但可能省略了有关安装Node.js的一些细节.微软有一些简短的说法,它们链接到一个GitHub项目,根据你的Visual Studio版本可能会有所帮助.

如果你没有沿着Node.js-in-Visual Studio路线走下去,那么真正的主要目标是在某处安装Node.js,然后最终安装Node.js的包管理器npm,这样你就可以安装Recess.这可以通过转到Node.js下载并安装Windows版本在Windows上实现.在此stackoverflow讨论中突出显示安装npm .安装完成后,您只需运行npm即可安装Recess,如下所示:

npm install recess -g

这也在本次更新的第一个链接中讨论过.

Answer 2

我的一位使用dotless的同事已经对Bootstrap 3问题进行了一些修复.显然 Bootstrap3现在将使用最新代码进行编译:)

https://github.com/dotless/dotless/commits/master

我希望很快就会有更新的NuGet包(基于这条推文)