引导程序。少到 css答案

【问题标题】：Bootstrap. less to css引导程序。少到 css
【发布时间】：2013-03-12 12:02:46
【问题描述】：

我使用 twitter 引导程序。在我的开发服务器中，我连接了两个较少的文件： bootstrap.less 和 style.less：

@import "bootstrap.less";
@gridGutterWidth: 30px;

body {...}

我在 style.less 中重新定义了一些引导变量。在这种情况下如何将 bootstrap.less 和 style.less 转换为 css？

【问题讨论】：

【解决方案1】：

Twitter Bootstrap 团队开发了自己的 CSS 工具 - recess。它根据 BS 的样式指南编译 LESS、优化 CSS、lints 和转换它。它以 Node 包的形式提供，使用 npm 安装它：

npm install recess

你可以从命令行运行它：

recess --compile bootstrap.less > bootstrap.css

但首选方法是通过在 Bootstrap 文件夹中运行 make bootstrap 来使用 Bootstrap Makefile。

【讨论】：

【解决方案2】：

您可以使用SimpLESS 之类的工具来创建 CSS，然后在布局中引用 CSS，或者您可以使用 Less.js 即时转换为 CSS，让您仍然可以在编码。

【讨论】：

我使用 Less.js 进行开发，但我需要 css 进行生产。问题不在于使用，而在于如何使用。将两个文件合并为一个？ bootstrap.less 仅包含导入。怎么转换之类的？
您可以使用 SimpLESS 工具将它们转换为您可以在您的网站上引用的 CSS 文件。点击我的回答中的链接，你就会看到。
我收到错误：'e.massage' [undefined] 上的 expressiin style.less 的结果不是对象。会是什么？
我不知道，你需要将你的 LESS 发布在主机上的答案中并链接到那个地方。
@Wolter 我怀疑 'e.massage' 应该是 'e.message'