更改less后如何重新编译css答案

【问题标题】：How to recompile css after changing less更改less后如何重新编译css
【发布时间】：2015-03-30 06:47:42
【问题描述】：

我在网上下载了一个 HTML/CSS 模板，它在 Bootstrap 上运行了自己的 CSS 文件。还有一些包含 mixins 和变量的 less 文件。在我更改了 less 变量后，我需要做什么才能让我的 CSS 自动更改？

欢迎提供教程等链接。

【问题讨论】：

你需要编译 LESS 文件，有很多方法可以做到这一点。您可以使用程序、在线编译器、Grunt 任务等。这是LESS to CSS grunt task，这是详细说明如何使用set up Grunt to watch for LESS changes的教程

标签： css twitter-bootstrap less

【解决方案1】：

这里有关于简单方法的很好的说明： http://lesscss.org/#using-less

【讨论】：

【解决方案2】：

您可以使用监视模式，或者 gulp 或 grunt 之类的模式（请参阅链接）。他们是任务运行者，能够查看您的文件树并根据不同的更改运行任务。两者都非常流行，但它们都有不同的理念/范式：grunt 更多的是配置高于代码，而 gulp 更多的是代码高于配置。它只是运行通用节点模块，并充分利用 Node 中实现的流来实现并发和更多可组合的任务。

编译Less：

lessc [option option=parameter ...] <source> [destination]

有用的链接：

【讨论】：