LESS＆Bootstrap不会编译

我对LESS很新，但我认为我有正确的想法。但是，我无法编译LESS。我已经下载了3个编译器（Crunch，Simpless，Winless）。LESS＆Bootstrap不会编译

紧缩，我得到

Compiler Errors variable @navbar-default-bg is undefined (Line: 15)

胜绩的错误 - 我得到一个 “sucess”，但没有看到生成的CSS。

Simpless - 只是不建立或错误。什么都没发生。

这是我正在做的事情。我有Cerulean引导程序模板http://bootswatch.com/cerulean/。你可以下载bootswatch.less & variables.less我正在对ZERO进行修改。根据我对这种工作原理的了解（&最佳实践），我将我的CSS和较少的文件导入一个较少的文件，然后编译LESS并将CSS移入我的asp.net页面中的一个CSS引用。我称这种文件“IMSLess.less”它看起来像这样....的bootstrap.min.css模板

@import "bootstrap.min.css";   // xxxxxxxxxx 
@import "variables.less";    // xxxxxxxxxx 
@import "bootswatch.less";    // xxxxxxxxxx

进口，其次是2个未经编辑减档。就像我说的，我对此很新颖，所以我可以不正确地设置，这可能会导致我的错误，但希望有人可以帮助！

谢谢乔希

来源

2014-04-21 jharris8567

所以我在这里做的是抓住引导的源代码。（http://getbootstrap.com/）。然后，我使用Bootswatch模板（http://bootswatch.com/cerulean/）中的2个靴子少量文件。 Bootswatch网站将拥有自己的“variables.less”版本。我从源头上覆盖了“variables.less”。然后在boostrap.less中，我添加了bootswatch.less的参考。

@import "bootswatch.less";

我然后使用紧缩（http://crunchapp.net/）来编译ONLY的bootstrap.less文件。当你“引导”bootstrap.less文件时，你最终会在你的网站中引用一个boostrap.css文件。当然，你可以改变变量。无文件来适应你的需求。

巨大的警告，我无法得到这与SimpLESS或WinLess编译器一起工作，不知道为什么，但Crunch是唯一的工作。

希望这可以帮助别人！

感谢乔希

来源

2014-04-23 14:21:10 jharris8567

我不使用Bootswatch，所以我可能是错的，但是这是我怎么想它的工作原理...

bootstrap.css/bootstrap.min.css =编译少来自Bootswatch和Bootstrap的文件。如果你不改变任何LESS变量，这就是你所需要的，而且它们是独立的。

variables.less/bootswatch.less = Bootswatch变化的变量/ css，这些用来补充原始的Bootstrap LESS文件。要使用这些，您需要将它们编译为以及您需要从Bootstrap（非Bootswatch）下载的Bootstrap LESS文件。

欲了解更多信息看一看：

Bootstrap: Using Less

Bootstrap: Compiling CSS and JavaScript

来源

2014-04-22 00:51:51 joshhunt

感谢@JoshHunt（文章显然是Bootswatch的创造者写的），这帮助让我在正确的方向。 “min”只是css的缩小版本 - http://www.minifycss.com/ – jharris8567

是的，对不起，我应该澄清一点。我假设你知道那是什么（坏的假设）。 “.min”被用于很多网页文件中，以表明它被压缩，因此知道未来是一件好事。 – joshhunt

诀窍是能够无需对文件进行复制或重新添加一个@import轻松地更新引导。

下载Bootstrap源文件并保持不变。
从Bootswatch（variables.less和 bootswatch.less）下载两个文件并把它们在自己的目录
在同一目录下，创建一个新的文件少。名称给它起一个名称像custom-bootstrap.less并添加如下内容：

@import“../bootstrap/less/bootstrap”; @import“bootswatch”; @import“variables”;
编译custom-bootstrap.less并在您的html中使用该CSS文件。

然后，当您升级Bootstrap时，您可以替换引导源文件并重新编译custom-bootstrap.less。

来源：http://www.smashingmagazine.com/2013/03/12/customizing-bootstrap/

来源

2014-11-04 21:00:00 Jack

LESS＆Bootstrap不会编译

回答

相关问题