如何在更改后重新编译css

Question

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

赞赏教程等的链接。

Answer 1

您可以使用手表模式，或gulp或grunt（请参阅链接）。他们的任务运行者将能够观察您的文件树并根据不同的更改运行任务。两者都非常受欢迎，但它们各自都有不同的理念/范例：grunt是更多的代码配置，而gulp则是更多的代码配置。它只运行通用节点模块，并充分利用Node中实现的流来实现并发和更易组合的任务。

编译Less：

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

有用的链接：

• http://gulpjs.com/
  • https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md
• http://gruntjs.com/
  • http://gruntjs.com/getting-started
• http://lesscss.org/usage/#using-less-in-the-browser-watch-mode
• http://lesscss.org/#using-less（一般用量较少）

Answer 2

这里有简单的方法，有很好的指示： http://lesscss.org/#using-less