将 LESS 文件编译成 CSS Bootstrap 3

Posted 2023-03-06

【中文标题】将 LESS 文件编译成 CSS Bootstrap 3

【英文标题】：Compile LESS file into CSS Bootstrap 3

【发布时间】：2014-08-26 03:56:21

【问题描述】：

我有一个 LESS 文件，我想编译它以用作我的引导主题。我该如何编译它？有没有我可以做到这一点的地方？

较少的文件来自http://bootswatchr.com/，但是当我单击链接获取 CSS 并选择缩小版本或完整版本时，什么也没有发生。

我有左窗格中的 LES 文件，有什么方法可以编译它吗？

【问题讨论】：

如果您不了解整个命令行...这是一个免费且易于使用的应用程序，用于编译更少：crunchapp.net

你试过grunt dist吗？

【参考方案1】：

Install node.js 安装 Less 编译器：npm install -g less 在您的 Less 源上运行 Less 编译器以生成 CSS：lessc your-source.less > output.css 更多信息：http://lesscss.org/#using-less

【参考方案2】：

如果你想要软件，那么我会推荐SimpLESS。您可以在 OSX/Win 上使用它。它具有拖放支持，这很好，并且会告诉您语法是否错误。它还会更新以支持最新的 LESS 版本。

【讨论】：

今天，SimpLESS 已被弃用。他们停止更新他们的软件，因此现在 Less (1.4) 提供的新功能无法识别。

我认为这里的大多数人都会认出发布日期并进行一些研究 :) Bootstrap 正在使用 B4 摆脱原生 LESS。

因为试过才通知，可惜SimpLESS是个很棒的软件。

【参考方案3】：

如果您使用的是 WebStrom IDE，那么它有一个用于 LESS 编译的插件。一年多以来，我一直在使用该插件编译 LESS。